html中如何使用jquery操作div的显示

这篇文章主要为大家展示了“html中如何使用jquery操作div的显示”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“html中如何使用jquery操作div的显示”这篇文章吧。

创新互联建站拥有十年成都网站建设工作经验,为各大企业提供成都做网站、成都网站设计、成都外贸网站建设服务，对于网页设计、PC网站建设（电脑版网站建设）、APP应用开发、wap网站建设（手机版网站建设）、程序开发、网站优化（SEO优化）、微网站、域名与空间等，凭借多年来在互联网的打拼，我们在互联网网站建设行业积累了很多网站制作、网站设计、网络营销经验，集策划、开发、设计、营销、管理等网站化运作于一体，具备承接各种规模类型的网站建设项目的能力。

例子




 
 
 
 div隐藏测试
 
 


 隐藏或者显示
 
 div的内容

jqyery操作

$("#contents").is(":hidden") 可以判断是否是隐藏

$("#contents").show() 表示display:block,

$("#contents").hide() 表示display:none;

html中如何使用jquery操作div的显示

专栏

\u7f51\u7ad9\u5f00\u53d1\u5fc5\u5b66\u4e4bHTML\u8bed\u8a00

作者：\u521d\u5b66\u8005\u4e4b\u8def\u5f20\u8001\u5e08

28币

12人已购

查看

操作元素的属性

$("#contents").attr("style","display:none;"); //隐藏div

$("#contents").attr("style","display:block;"); //显示div

也可以操作css属性

$("#contents").css("display","none"); //隐藏div

$("#contents").css("display","block"); //显示div

也可以直接使用toggle转换开关实现

$("#contents").toggle()

以上是“html中如何使用jquery操作div的显示”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

网页名称：html中如何使用jquery操作div的显示
浏览路径：http://cqcxhl.cn/article/jscisp.html

重庆分公司，新征程启航

html中如何使用jquery操作div的显示

jqyery操作

其他资讯