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

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

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

例子




 
 
 
 div隐藏测试
 
 


 隐藏或者显示
 
 

div的内容

 
 

html中如何使用jquery操作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://pwwzsj.com/article/jscisp.html

其他资讯