当前位置: 移动技术网 > IT编程>开发语言>JavaScript > jquery和js实现对div的隐藏和显示方法

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

2018年01月25日  | 移动技术网IT编程  | 我要评论
jQuery对p的显示和隐藏: 显示: 代码如下: $("#id").show() 隐藏: 代码如下: $("#id")

jQuery对p的显示和隐藏:

显示:

代码如下:


$("#id").show()

隐藏:

代码如下:


$("#id").show()

js对p的显示和隐藏:

p的visibility可以控制p的显示和隐藏,但是隐藏后页面显示空白

代码如下:


style="visibility: none;"

document.getElementById("typep1").style.visibility="hidden";//隐藏

document.getElementById("typep1").style.visibility="visible";//显示


通过设置display属性可以使p隐藏后释放占用的页面空间,如下

代码如下:


style="display: none;"
document.getElementById("typep1").style.display="none";//隐藏
document.getElementById("typep1").style.display="";//显示

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网