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 相关文章推荐
基于Web标准的UI组件 — 树状菜单(2)
Sep 18 Javascript
一个加载js文件的小脚本
Jun 28 Javascript
jquery一句话全选/取消全选
Mar 01 Javascript
JS基于面向对象实现的拖拽功能示例
Dec 20 Javascript
详解js的事件代理(委托)
Dec 22 Javascript
vue 项目常用加载器及配置详解
Jan 22 Javascript
js实现移动端轮播图
Dec 21 Javascript
浅谈layui 表单元素的选中问题
Oct 25 Javascript
用VsCode编辑TypeScript的实现方法
May 07 Javascript
Javascript前端下载后台传来的文件流代码实例
Aug 18 Javascript
Ajax获取node服务器数据的完整步骤
Sep 20 Javascript
微信小程序自定义tabBar的踩坑实践记录
Nov 06 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
西德产收音机
2021/03/01 无线电
php 动态添加记录
2009/03/10 PHP
php 在文件指定行插入数据的代码
2010/05/08 PHP
php+ajax实现的点击浏览量加1
2015/04/16 PHP
dvwa+xampp搭建显示乱码的问题及解决方案
2015/08/23 PHP
smarty的section嵌套循环用法示例
2016/05/28 PHP
PHP的PDO连接讲解
2019/01/24 PHP
Laravel框架自定义分页样式操作示例
2020/01/26 PHP
QUnit jQuery的TDD框架
2010/11/04 Javascript
javascript确认框的三种使用方法
2013/12/17 Javascript
使用JavaScript的ActiveXObject对象检测应用程序是否安装的方法
2014/04/15 Javascript
JS生成随机字符串的多种方法
2014/06/10 Javascript
JavaScript中实现最高效的数组乱序方法
2014/10/11 Javascript
json格式数据的添加,删除及排序方法
2016/01/21 Javascript
简介AngularJS中$http服务的用法
2016/02/06 Javascript
input框中自动展示当前日期yyyy/mm/dd的实现方法
2017/07/06 Javascript
vue集成kindeditor富文本的实现示例代码
2019/06/07 Javascript
node中实现删除目录的几种方法
2019/06/24 Javascript
jQuery实现全选、反选和不选功能的方法详解
2019/12/04 jQuery
node.js Promise对象的使用方法实例分析
2019/12/26 Javascript
JavaScript适配器模式原理与用法实例详解
2020/03/09 Javascript
Python读写unicode文件的方法
2015/07/10 Python
Python实现带百分比的进度条
2016/06/28 Python
Python 模板引擎的注入问题分析
2017/01/01 Python
Python中正则表达式详解
2017/05/17 Python
轻松理解Python 中的 descriptor
2017/09/15 Python
解决Python3 被PHP程序调用执行返回乱码的问题
2019/02/16 Python
wxpython绘制圆角窗体
2019/11/18 Python
PyCharm如何导入python项目的方法
2020/02/06 Python
h5封装下拉刷新
2020/08/25 HTML / CSS
html5小程序飞入购物车(抛物线绘制运动轨迹点)
2020/10/19 HTML / CSS
美国领先的水果篮送货公司和新鲜水果供应商:The Fruit Company
2018/02/13 全球购物
M.M.LaFleur官网:美国职业女装品牌
2020/10/27 全球购物
香港百佳网上超级市场:PARKNSHOP.com
2020/06/10 全球购物
人事局接收函
2015/01/31 职场文书
JAVA长虹键法之建造者Builder模式实现
2022/04/10 Java/Android