简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

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

来源:易贤网   阅读:650 次  日期:2014-10-15 15:14:22

温馨提示:易贤网小编为您整理了“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="";//显示

更多信息请查看IT技术专栏

更多信息请查看脚本栏目
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:jQuery判断当前点击的是第几个li的代码
下一篇:jquery uploadify 在FF下无效的解决办法
易贤网手机网站地址:jquery和js实现对div的隐藏和显示方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!