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 相关文章推荐
JQuery获取文本框中字符长度的代码
Sep 29 Javascript
javascript同页面多次调用弹出层具体实例代码
Aug 16 Javascript
SinaEditor使用方法详解
Dec 28 Javascript
node.js中的http.response.setHeader方法使用说明
Dec 14 Javascript
浅谈JavaScript字符串与数组
Jun 03 Javascript
js日期插件dateHelp获取本月、三个月、今年的日期
Mar 07 Javascript
浅谈angular懒加载的一些坑
Aug 20 Javascript
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
Dec 05 Javascript
详解springmvc 接收json对象的两种方式
Dec 06 Javascript
详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
Aug 30 Javascript
JavaSctit 利用FileReader和滤镜上传图片预览功能
Sep 05 Javascript
实例讲解v-if和v-show的区别
Jan 31 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
thinkphp普通查询与表达式查询实例分析
2014/11/24 PHP
PHP提示Warning:phpinfo() has been disabled函数禁用的解决方法
2014/12/17 PHP
从wamp到xampp的升级之路
2015/04/08 PHP
用PHP代码在网页上生成图片
2015/07/01 PHP
yii2.0整合阿里云oss的示例代码
2017/09/19 PHP
PHP使用POP3读取邮箱接收邮件的示例代码
2020/07/08 PHP
MC Dialog js弹出层 完美兼容多浏览器(5.6更新)
2010/05/06 Javascript
JQuery 动态扩展对象之另类视角
2010/05/25 Javascript
基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
2011/07/26 Javascript
深入理解JavaScript系列(15) 函数(Functions)
2012/04/12 Javascript
JS修改css样式style浅谈
2013/05/06 Javascript
JS中数组Array的用法示例介绍
2014/02/20 Javascript
如何实现json数据可视化详解
2016/11/24 Javascript
微信小程序侧边栏滑动特效(左右滑动)
2017/01/23 Javascript
Angular2生命周期钩子函数的详细介绍
2017/07/10 Javascript
详解a++和++a的区别
2017/08/30 Javascript
js 两数组去除重复数值的实例
2017/12/06 Javascript
npm scripts 使用指南详解
2018/10/08 Javascript
Node.js原生api搭建web服务器的方法步骤
2019/02/15 Javascript
javascript获取select值的方法完整实例
2019/06/20 Javascript
使用typescript改造koa开发框架的实现
2020/02/04 Javascript
[03:28]2014DOTA2国际邀请赛 走近EG战队天才中单Arteezy
2014/07/12 DOTA
使用graphics.py实现2048小游戏
2015/03/10 Python
python实现通过pil模块对图片格式进行转换的方法
2015/03/24 Python
Python快速从注释生成文档的方法
2016/12/26 Python
Python3的高阶函数map,reduce,filter的示例详解
2019/07/23 Python
使用Python快乐学数学Github万星神器Manim简介
2019/08/07 Python
Python使用PyQt5/PySide2编写一个极简的音乐播放器功能
2020/02/07 Python
详解android与HTML混合开发总结
2018/06/06 HTML / CSS
工程造价与管理专业应届生求职信
2013/11/23 职场文书
护士求职自荐信范文
2014/03/19 职场文书
市场营销毕业生自荐信范文
2014/04/01 职场文书
新教师培训心得体会
2014/09/02 职场文书
2015新年寄语(一句话)
2014/12/08 职场文书
2015年初中生自我评价范文
2015/03/03 职场文书
pytorch 一行代码查看网络参数总量的实现
2021/05/12 Python