资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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://cdkjz.cn/article/jeejod.html
返回首页 了解更多建站资讯
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220