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

前端之家收集整理的这篇文章主要介绍了jquery和js实现对div的隐藏和显示方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

jQuery对div的显示和隐藏:

显示

代码如下:
隐藏:
代码如下:

js对div的显示和隐藏:

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

代码如下:
document.getElementById("typediv1").style.visibility="hidden";//隐藏

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

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

代码如下:

猜你在找的jQuery相关文章