jquery和js实现对div的隐藏和显示方法
更新时间:2014年09月26日 15:43:27 投稿:whsnow
jquery和js分别可以实现对div的隐藏和显示,方法也不一样,jquery的show、show;js的hidden、visible
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 Attributes(属性)的使用(一、属性篇)
本系列文章主要讲述jQuery框架的属性(Attributes)使用方法,文章分为:属性篇、类篇、Html代码篇&文本篇、值篇共4篇文章。2009-12-12


最新评论