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 相关文章推荐
JavaScript 字符串处理函数使用小结
Dec 02 Javascript
异步加载script的代码
Jan 12 Javascript
javascript学习笔记(十五) js间歇调用和超时调用
Jun 20 Javascript
js 判断文件类型并控制表单提交示例代码
Nov 14 Javascript
js实现类似于add(1)(2)(3)调用方式的方法
Mar 04 Javascript
js实现文本框选中的方法
May 26 Javascript
Javascript中的对象和原型(二)
Aug 12 Javascript
基于javascript实现数字英文验证码
Jan 25 Javascript
在React中如何优雅的处理事件响应详解
Jul 24 Javascript
小程序自定义日历效果
Dec 29 Javascript
微信JSSDK实现打开摄像头拍照再将相片保存到服务器
Nov 15 Javascript
Vue单页面应用中实现Markdown渲染
Feb 14 Vue.js
介绍一个简单的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
mysql5的sql文件导入到mysql4的方法
2008/10/19 PHP
php 数组二分法查找函数代码
2010/02/16 PHP
关于shopex同步ucenter的redirect问题,导致script不运行
2013/04/10 PHP
laravel 中某一字段自增、自减的例子
2019/10/11 PHP
在javascript中实现函数数组的方法
2013/12/25 Javascript
jquery使用正则表达式验证email地址的方法
2015/01/22 Javascript
使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
2017/03/01 Javascript
自制简易打赏功能的实例
2017/09/02 Javascript
解决vue cli使用typescript后打包巨慢的问题
2019/09/30 Javascript
微信小程序获取当前位置和城市名
2019/11/13 Javascript
vue(2.x,3.0)配置跨域代理
2019/11/27 Javascript
vue实现禁止浏览器记住密码功能的示例代码
2021/02/03 Vue.js
Python实现基于权重的随机数2种方法
2015/04/28 Python
常见python正则用法的简单实例
2016/06/21 Python
解决pycharm运行时interpreter为空的问题
2018/10/29 Python
总结python中pass的作用
2019/02/27 Python
Python3enumrate和range对比及示例详解
2019/07/13 Python
python使用socket实现的传输demo示例【基于TCP协议】
2019/09/24 Python
python读取Kafka实例
2019/12/23 Python
keras获得model中某一层的某一个Tensor的输出维度教程
2020/01/24 Python
Pycharm 使用 Pipenv 新建的虚拟环境(图文详解)
2020/04/16 Python
Python return语句如何实现结果返回调用
2020/10/15 Python
python爬虫用request库处理cookie的实例讲解
2021/02/20 Python
大都会艺术博物馆商店:The Met Store
2018/06/22 全球购物
BLACKMORES澳洲官网:澳大利亚排名第一的保健品牌
2018/09/27 全球购物
建筑设计所实习生自我鉴定
2013/09/25 职场文书
小学教师的个人自我鉴定
2013/10/24 职场文书
物流专业大学生职业生涯规划书范文
2014/01/15 职场文书
名企HR怎样看待求职信
2014/02/23 职场文书
售后服务承诺书范文
2014/03/26 职场文书
闭幕式主持词
2014/04/02 职场文书
怀念母亲教学反思
2014/04/28 职场文书
公务员政审材料范文
2014/12/23 职场文书
暑假生活随笔
2015/08/15 职场文书
文艺部部长竞选稿
2015/11/21 职场文书
小学六一儿童节活动开幕词
2016/03/04 职场文书