服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - jquery和js实现对div的隐藏和显示方法

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

2021-03-22 18:43jQuery教程网 JavaScript

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

延伸 · 阅读

精彩推荐