当前位置：首页 > 资讯 > 技术文档

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

时间：2022-09-13 10:31 编辑：来源：阅读：
扫一扫，手机访问

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

jQuery对div的显示和隐藏：显示：

[u]复制代码[/u] 代码如下:

$("#id").show()

隐藏：

[u]复制代码[/u] 代码如下:

$("#id").show()

js对div的显示和隐藏： div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白

[u]复制代码[/u] 代码如下:

style="visibility: none;"

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

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

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

[u]复制代码[/u] 代码如下:

style="display: none;"

document.getElementById("typediv1").style.display="none";//隐藏

document.getElementById("typediv1").style.display="";//显示

全部评论(0)

上一篇：利用Keydown事件阻止用户输入实现代码
下一篇：原生js实现密码输入框值的显示隐藏

资讯排行榜
更多>>