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

本文详解jquery和js实现对div的隐藏和显示方法

jquery和js分别可以实现对p的隐藏和显示，方法也不一样，jquery的show、show;js的hidden、visible

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

以上就是详解jquery和js实现对div的隐藏和显示方法的详细内容，更多请关注其它相关文章！