宜宾网站建设公司

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://hbruida.cn/article/jeejod.html

其他资讯