jquery和js实现对div的隐藏和显示方法 - Web前端

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="";//显示

标签：方法Webdivjsjquery