近日TE网络因版本升级而导致很多BUG,我们会尽快让网站恢复稳定运行,非常抱歉给大家带来不便。
TE社区 > 前端技术
客服QQ:1206116161

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

Baron 于 2018-05-15 22:00:03 创建话题
(13)
(0)
举报

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

扫码关注TE官方微博 扫码关注TE官方微博
举报X