您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

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

作者:佚名    责任编辑:admin    更新时间:2022-06-22

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