51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

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

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



赞(0)
未经允许不得转载:工具盒子 » jquery和js实现对div的隐藏和显示方法