×

jquery和js实现对div的隐藏和显示方法

作者:Terry2017.02.03来源:Web前端之家浏览:11862评论:0
关键词:JQueryJS

jQuery对div的显示和隐藏:

显示:

复制代码 代码如下:

$("#id").show()

隐藏:
复制代码 代码如下:

$("#id").show()

js对div的显示和隐藏:

div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白

复制代码 代码如下:

style="visibility: none;"

document.getElementById("typediv1").style.visibility="hidden";//隐藏

document.getElementById("typediv1").style.visibility="visible";//显示

通过设置display属性可以使div隐藏后释放占用的页面空间,如下

复制代码 代码如下:

style="display: none;"

document.getElementById("typediv1").style.display="none";//隐藏

document.getElementById("typediv1").style.display="";//显示

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/svg1486051200994.html

网友评论文明上网理性发言已有0人参与

发表评论: