纵有疾风起
人生不言弃

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

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



本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

未经允许不得转载:起风网 » jquery和js实现对div的隐藏和显示方法_jquery_自学
分享到: 生成海报

评论 抢沙发

评论前必须登录!

立即登录