欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-04-14 10:59:22
jQuery对p的显示和隐藏: 显示: 代码如下: $("#id").show() 隐藏: 代码如下: $("#id")...

jQuery对p的显示和隐藏:

显示:

代码如下:


$("#id").show()

隐藏:

代码如下:


$("#id").show()

js对p的显示和隐藏:

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

代码如下:


style="visibility: none;"

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

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


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

代码如下:


style="display: none;"
document.getElementById("typep1").style.display="none";//隐藏
document.getElementById("typep1").style.display="";//显示