jQuery可见性过滤器:hidden和:visibility用法实例

 更新时间:2015年06月24日 16:03:19   作者:第2015换个昵称  
这篇文章主要介绍了jQuery可见性过滤器:hidden和:visibility用法,实例分析了:hidden和:visibility的功能及相关使用技巧,需要的朋友可以参考下

本文实例讲述了jQuery可见性过滤器:hidden和:visibility用法。分享给大家供大家参考。具体分析如下:

:hidden
匹配所有不可见元素,如果使用css的visibility属性让元素不显示但是占位,则不属于hidden了
查找display:none的tr元素,$("tr:hidden")

:visible
匹配所有可见元素
查找所有display不为none的元素,$("tr:visible")

例子:

<tr id="one"style="display:none;"><td>1</td><td>2</td></tr>
<tr id="two"style="visibility:hidden;"><td>3</td><td>4</td></tr>
<tr id="three"><td>5</td><td>6</td></tr>
$("tr:hidden");//选中id为one的元素
$("tr:visible");//选中id为"two"和"three"的元素

其实,这里两个过滤器并不在乎元素到底是不是隐藏不可见的,我觉得只要是display:none则用:hidden可以将其获取,如果没有display:none,不管是什么都可以获取。

希望本文所述对大家的jQuery程序设计有所帮助。

相关文章

  • jQuery焦点图插件SaySlide

    jQuery焦点图插件SaySlide

    这篇文章主要介绍了jQuery焦点图插件SaySlide,新版的SaySlide 2.0重构了代码,并基本上保留了原有的功能,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • jqGrid中文文档之选项设置

    jqGrid中文文档之选项设置

    jqGrid提供了大量的选项设置,开发者可以通过设置选项对应值来控制jqGrid,比如表格的宽度、高度、数据类型以及列名称等等都是通过选项设置来完成的
    2015-12-12
  • jQuery语法总结和注意事项小结

    jQuery语法总结和注意事项小结

    jQuery是继prototype之后的又一个优秀的Javascript框架,它是一个简洁快速灵活的JavaScript框架,它能让你在你的网页上简单的操作文档、处理事件、实现特效并为Web页面添加Ajax交互
    2012-11-11
  • JQuery 学习笔记 选择器之五

    JQuery 学习笔记 选择器之五

    测试代码如下,本例子中设置的着色比较多,哈,都是随便输些数字进去的,感觉这样更容易让大家看到效果,呵,如果我的讲的有哪不好麻烦大家多留言教导下^^
    2009-07-07
  • Jquery Ajax请求代码(2)

    Jquery Ajax请求代码(2)

    总结了一下了一下$.getJSON()一些应用,希望大家喜欢,首先我用的的是 Newtonsoft.Json.Net20.dll
    2011-01-01
  • 基于jQuery实现左右div自适应高度完全相同的代码

    基于jQuery实现左右div自适应高度完全相同的代码

    最近做前端设计时需要使左右两个DIV高度自适应。这其中的jquery代码中的获得高度用的clientHeight,介绍一下几种不同的获得方式以及他们的差别
    2012-08-08
  • 基于jquery的点击链接插入链接内容的代码

    基于jquery的点击链接插入链接内容的代码

    基于jquery的点击链接插入链接内容的代码,感觉有bug,解决的朋友可以留言方便更多的朋友
    2012-07-07
  • jQuery输入框密码的显示隐藏【代码分享】

    jQuery输入框密码的显示隐藏【代码分享】

    本篇文章主要介绍了jQuery输入框密码显示隐藏代码的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04
  • jQuery实现可移动选项的左右下拉列表示例

    jQuery实现可移动选项的左右下拉列表示例

    这篇文章主要介绍了jQuery实现可移动选项的左右下拉列表,涉及jQuery针对表格table及页面元素动态操作的相关技巧,需要的朋友可以参考下
    2016-12-12
  • jQuery 常见小例汇总

    jQuery 常见小例汇总

    本文主要对基于jQuery实现的常用小案例进行汇总,具有一定的参考价值,需要的朋友一起来看下吧
    2016-12-12

最新评论