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 hashtable实现代码
Oct 13 Javascript
HTML页面滚动时获取离页面顶部的距离2种实现方法
Sep 05 Javascript
js识别不同浏览器基于userAgent做判断
Jul 29 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理
Nov 24 Javascript
js点击文本框弹出可选择的checkbox复选框
Feb 03 Javascript
js拖拽功能实现代码解析
Nov 28 Javascript
ionic cordova一次上传多张图片(类似input file提交表单)的实现方法
Dec 16 Javascript
通过BootStrap-select插件 js jQuery控制select属性变化
Jan 03 Javascript
解决layui-open关闭自身窗口的问题
Sep 10 Javascript
vue+element树组件 实现树懒加载的过程详解
Oct 21 Javascript
Vue 解决父组件跳转子路由后当前导航active样式消失问题
Jul 21 Javascript
js不常见操作运算符总结
Nov 20 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
《忧国的莫里亚蒂》先导宣传图与STAFF公开
2020/03/04 日漫
PHP 数组和字符串互相转换实现方法
2013/03/26 PHP
PHP获取文件相对路径的方法
2015/02/26 PHP
php生成酷炫的四个字符验证码
2016/04/22 PHP
laravel 获取某个查询的查询SQL语句方法
2019/10/12 PHP
用Javascript数组处理多个字符串的连接问题
2009/08/20 Javascript
js实现页面转发功能示例代码
2013/08/05 Javascript
jquery序列化表单以及回调函数的使用示例
2014/07/02 Javascript
js获取会话框prompt的返回值的方法
2015/01/10 Javascript
JavaScript数据类型详解
2015/04/01 Javascript
Angular2数据绑定详解
2017/04/18 Javascript
浅析Vue自定义组件的v-model
2017/11/26 Javascript
jquery使用FormData实现异步上传文件
2018/10/25 jQuery
微信小程序利用Canvas绘制图片和竖排文字详解
2019/06/25 Javascript
基于vue实现图片验证码倒计时60s功能
2019/12/10 Javascript
js 执行上下文和作用域的相关总结
2021/02/08 Javascript
[50:12]EG vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
[01:06:18]DOTA2-DPC中国联赛 正赛 Phoenix vs Dynasty BO3 第二场 1月26日
2021/03/11 DOTA
Python设计模式之单例模式实例
2014/04/26 Python
python实现TCP服务器端与客户端的方法详解
2015/04/30 Python
python实现监控某个服务 服务崩溃即发送邮件报告
2018/06/21 Python
python实现连续图文识别
2018/12/18 Python
Python 批量读取文件中指定字符的实现
2020/03/06 Python
Python作用域与名字空间原理详解
2020/03/21 Python
HTML5实现表单自动验证功能实例代码
2017/01/11 HTML / CSS
荷兰最大的多品牌男装连锁店:Adam Brandstore
2019/12/31 全球购物
几个Shell Script面试题
2014/04/18 面试题
幼师自荐信范文
2013/10/06 职场文书
中专三年学习的个人自我评价
2013/12/12 职场文书
采购人员的个人自我评价
2014/01/16 职场文书
小学生推普周国旗下讲话稿
2014/09/21 职场文书
兵马俑导游词
2015/02/02 职场文书
党员反邪教心得体会
2016/01/15 职场文书
Tomcat starup.bat 脚本实现开机自启动
2022/04/20 Servers
Java实现添加条码或二维码到Word文档
2022/06/01 Java/Android
Nginx如何获取自定义请求header头和URL参数详解
2022/07/23 Servers