网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

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://bjjierui.cn/article/jscisp.html

其他资讯