zl程序教程

您现在的位置是:首页 >  前端

当前栏目

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

jQueryJS方法 实现 显示 隐藏 div
2023-06-13 09:15:46 时间

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