jquery如何隐藏某个div

这篇文章主要介绍jquery如何隐藏某个div,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联致力于互联网网站建设与网站营销,提供成都网站制作、网站设计、外贸网站建设、网站开发、seo优化、网站排名、互联网营销、成都微信小程序、公众号商城、等建站开发,创新互联网站建设策划专家,为不同类型的客户提供良好的互联网应用定制解决方案,帮助客户在新的全球化互联网环境中保持优势。

jquery隐藏某个div的方法:1、使用“$("div").hide();”语句隐藏;2、使用“$("div").toggle();”语句隐藏;3、使用“$("div").css("display","none");”语句隐藏。

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery隐藏div的方法

方法1:使用hide()方法

hide()方法可隐藏被选元素。



	
		
		
			$(document).ready(function(){
			  $("button").click(function(){
			  $("div").hide();
			  });
			});
		
	

	
		

这是一个标题

这是一个div元素。

这是另一个段落。

jquery如何隐藏某个div

方法2:使用toggle() 方法

toggle() 方法切换元素的可见状态。

如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。



	
		
		
			$(document).ready(function(){
			  $("button").click(function(){
			  $("div").toggle();
			  });
			});
		
	

	
		

这是一个标题

这是一个div元素。

这是另一个段落。

jquery如何隐藏某个div

方法3:使用CSS()方法给元素设置display属性



	
		
		
			$(document).ready(function(){
			  $("button").click(function(){
			  $("div").css("display","none");//隐藏div
			  });
			});
		
	

	
		

这是一个标题

这是一个div元素。

这是另一个段落。

jquery如何隐藏某个div

以上是“jquery如何隐藏某个div”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


当前名称:jquery如何隐藏某个div
网站路径:http://bzwzjz.com/article/jeejod.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 高端定制网站设计 网站设计 网站建设 成都企业网站设计 重庆网站设计 成都响应式网站建设 成都网站建设推广 手机网站制作 H5网站制作 企业网站设计 成都网站建设 成都商城网站制作 成都网站建设 成都定制网站建设 成都营销网站建设 重庆外贸网站建设 高端网站设计 成都营销网站制作 营销型网站建设 网站建设改版 攀枝花网站设计 成都网站建设