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

 更新时间:2014年09月26日 15:43:27   投稿:whsnow  
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="";//显示

相关文章

  • jquery 遍历数组 each 方法详解

    jquery 遍历数组 each 方法详解

    下面小编就为大家带来一篇jquery 遍历数组 each 方法详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • jQuery解决$符号命名冲突

    jQuery解决$符号命名冲突

    本文主要介绍jQuery中$符号命名冲突的解决方法,希望能帮到大家,有需要的朋友可以参考一下。
    2016-06-06
  • 自己动手制作jquery插件之自动添加删除行的实现

    自己动手制作jquery插件之自动添加删除行的实现

    我们常常会遇到这样的情况,一个系统中有大量的需要对一个行进行复制添加,希望能够进行批量的操作,这个时候,我们就可以考虑把它做成一个jquery插件了.
    2011-10-10
  • jquery实现两个div中的元素相互拖动的方法分析

    jquery实现两个div中的元素相互拖动的方法分析

    这篇文章主要介绍了jquery实现两个div中的元素相互拖动的方法,结合实例形式分析了jQuery基于鼠标事件响应的页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2020-04-04
  • jQuery实现边框动态效果的实例代码

    jQuery实现边框动态效果的实例代码

    这篇文章给大家分享了一个jQuery边框动态的效果,当鼠标移动到边框区域的时候,边框会有个动态的加载动画效果,实现的效果真的非常不错,下面来一起看看吧。
    2016-09-09
  • jQuery扩展方法实现Form表单与Json互相转换的实例代码

    jQuery扩展方法实现Form表单与Json互相转换的实例代码

    本文通过实例代码给大家介绍了jQuery扩展方法实现Form表单与Json互相转换的相关知识,并给大家介绍了jquery两种扩展方法,需要的朋友可以参考下
    2018-09-09
  • 小试JQuery的AutoComplete插件

    小试JQuery的AutoComplete插件

    在项目制作中,有时候需要向用户提供一定的帮助信息来提示用户的操作,当然,suggest功能是必不可少的,但是自己开发的话,是比较费时费事的,这里就直接拿JQuery的autocomplete来用吧, 实验证明,效果很好
    2011-05-05
  • jquery实现下拉框左右选择功能

    jquery实现下拉框左右选择功能

    本文主要介绍了jquery实现下拉框左右选择功能的方法,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • jQuery实现自动滚动到页面顶端的方法

    jQuery实现自动滚动到页面顶端的方法

    这篇文章主要介绍了jQuery实现自动滚动到页面顶端的方法,涉及jQuery针对页面操作的相关技巧,需要的朋友可以参考下
    2015-05-05
  • 关于jQuery中.attr()和.prop()的问题探讨

    关于jQuery中.attr()和.prop()的问题探讨

    写了几句代码在ie8上能正常运行,chrome和ff却不行,prop()方法适用于Boolean值的属性,添加属性名称该属性就会生效应该使用.prop()者两点就是他们的区别吧
    2013-09-09

最新评论