189 8069 5689

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
分享URL:http://cdxtjz.com/article/jeejod.html

其他资讯