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实现网站超链接和图片提示效果
Mar 21 Javascript
JQuery分别取得每行最后一列和最后一行的示例代码
Aug 18 Javascript
jQuery实现在下拉列表选择时获取json数据的方法
Apr 16 Javascript
javascript运算符——逻辑运算符全面解析
Jun 27 Javascript
JQuery ZTree使用方法详解
Jan 07 Javascript
jQuery获取table表中的td标签(实例讲解)
Jul 28 jQuery
jQuery实现倒计时功能 jQuery实现计时器功能
Sep 19 jQuery
浅谈vue中慎用style的scoped属性
Nov 28 Javascript
从零开始学习搭建React脚手架项目
Aug 23 Javascript
jQuery动态操作表单示例【基于table表格】
Dec 06 jQuery
Vuex新手的理解与使用详解
May 31 Javascript
原生js实现碰撞检测
Mar 12 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简单开启gzip压缩方法(zlib.output_compression)
2013/04/13 PHP
使用PHP强制下载PDF文件示例
2014/01/17 PHP
Yii 2.0中场景的使用教程
2017/06/02 PHP
PHP面向对象程序设计之接口的继承定义与用法详解
2018/12/20 PHP
PHP常用字符串输出方法分析(echo,print,printf及sprintf)
2021/03/09 PHP
js实现一个省市区三级联动选择框代码分享
2013/03/06 Javascript
Extjs 3.3切换tab隐藏相应工具栏出现空白解决
2013/04/02 Javascript
js数组去重的方法汇总
2015/07/29 Javascript
PHP+jQuery+Ajax+Mysql如何实现发表心情功能
2015/08/06 Javascript
详解AngularJS控制器的使用
2016/03/09 Javascript
实例详解display:none与visible:hidden的区别
2017/03/30 Javascript
详解webpack3如何正确引用并使用jQuery库
2017/08/26 jQuery
js获取html页面代码中图片地址的实现代码
2018/03/05 Javascript
基于Axios 常用的请求方法别名(详解)
2018/03/13 Javascript
Makefile/cmake/node-gyp中区分判断不同平台的方法
2018/12/18 Javascript
M2实现Nodejs项目自动部署的方法步骤
2019/05/05 NodeJs
解决layui表格内文本超出隐藏的问题
2019/09/12 Javascript
JavaScript实现串行请求的示例代码
2020/09/14 Javascript
antd 表格列宽自适应方法以及错误处理操作
2020/10/27 Javascript
ant-design-vue中tree增删改的操作方法
2020/11/03 Javascript
[54:56]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第三局
2016/03/06 DOTA
Python多线程实例教程
2014/09/06 Python
Python 模块EasyGui详细介绍
2017/02/19 Python
python实现简单点对点(p2p)聊天
2017/09/13 Python
python获取外网IP并发邮件的实现方法
2017/10/01 Python
给你选择Python语言实现机器学习算法的三大理由
2017/11/15 Python
python linecache 处理固定格式文本数据的方法
2019/01/08 Python
Python实现的对本地host127.0.0.1主机进行扫描端口功能示例
2019/02/15 Python
一文了解Python并发编程的工程实现方法
2019/05/31 Python
python输出电脑上所有的串口名的方法
2019/07/02 Python
python判断元素是否存在的实例方法
2020/09/24 Python
css3 transform及原生js实现鼠标拖动3D立方体旋转
2016/06/20 HTML / CSS
Antler英国官网:购买安特丽行李箱、拉杆箱
2019/08/25 全球购物
党员自我剖析材料
2014/08/31 职场文书
2014机关党员干部“正风肃纪”思想汇报
2014/09/15 职场文书
Nginx配置之实现多台服务器负载均衡
2021/08/02 Servers