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


Posted in Javascript onJune 24, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
利用js对象弹出一个层
Mar 26 Javascript
extjs 学习笔记(三) 最基本的grid
Oct 15 Javascript
Pro JavaScript Techniques学习笔记
Dec 28 Javascript
让jQuery Mobile不显示讨厌loading界面的方法
Feb 19 Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
Mar 19 Javascript
JS操作COOKIE实现备忘记录的方法
Apr 01 Javascript
创建一般js对象的几种方式
Jan 19 Javascript
node中koa中间件机制详解
Aug 22 Javascript
setTimeout与setInterval的区别浅析
Mar 23 Javascript
理理Vue细节(推荐)
Apr 16 Javascript
自定义javascript验证框架示例【附源码下载】
May 31 Javascript
JS使用for in有序获取对象数据
May 19 Javascript
介绍一个简单的JavaScript类框架
Jun 24 #Javascript
jquery分割字符串的方法
Jun 24 #Javascript
jQuery根据元素值删除数组元素的方法
Jun 24 #Javascript
举例详解JavaScript中Promise的使用
Jun 24 #Javascript
jQuery对JSON数据进行排序输出的方法
Jun 24 #Javascript
jQuery中$.extend()用法实例
Jun 24 #Javascript
深入理解JavaScript编程中的同步与异步机制
Jun 24 #Javascript
You might like
解决php中Cannot send session cache limiter 的问题的方法
2007/04/27 PHP
php面向对象全攻略 (七) 继承性
2009/09/30 PHP
PHP简单预防sql注入的方法
2016/09/27 PHP
jQuery 入门级学习笔记及源码
2010/01/22 Javascript
jquery 获取标签名(tagName)示例代码
2013/07/11 Javascript
用jquery中插件dialog实现弹框效果实例代码
2013/11/15 Javascript
jQuery原理系列-css选择器的简单实现
2016/06/07 Javascript
jQuery实现的简单百分比进度条效果示例
2016/08/01 Javascript
Html中 IFrame的用法及注意点
2016/12/22 Javascript
echart简介_动力节点Java学院整理
2017/08/11 Javascript
Angularjs 1.3 中的$parse实例代码
2017/09/14 Javascript
jquery点击回车键实现登录效果并默认焦点的方法
2018/03/09 jQuery
微信小程序排坑指南详解
2018/05/23 Javascript
基于javascript的拖拽类封装详解
2019/04/19 Javascript
vue弹出框组件封装实例代码
2019/10/31 Javascript
[00:47]DOTA2荣耀之路6:玩不了啦!
2018/05/30 DOTA
[03:48]大碗DOTA
2019/07/25 DOTA
python网络编程学习笔记(二):socket建立网络客户端
2014/06/09 Python
pygame加载中文名mp3文件出现error
2017/03/31 Python
python去重,一个由dict组成的list的去重示例
2019/01/21 Python
python3.8下载及安装步骤详解
2020/01/15 Python
python的json包位置及用法总结
2020/06/21 Python
解析Python 偏函数用法全方位实现
2020/06/26 Python
阿迪达斯加拿大官网:Adidas加拿大
2016/08/25 全球购物
墨尔本复古时尚品牌:Dangerfield
2018/12/12 全球购物
阿联酋手表和配饰购物网站:Rivolishop
2019/11/25 全球购物
什么是java序列化,如何实现java序列化
2012/11/14 面试题
售后主管岗位职责
2013/12/08 职场文书
五一口号
2014/06/19 职场文书
暑期培训心得体会
2014/09/02 职场文书
六年级学生期末评语
2014/12/26 职场文书
2015年底工作总结范文
2015/05/15 职场文书
四年级数学教学反思
2016/02/16 职场文书
Oracle笔记
2021/04/05 Oracle
详解Python中下划线的5种含义
2021/07/15 Python
Python实现排序方法常见的四种
2021/07/15 Python