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中通过URL传递汉字的方法
Apr 09 Javascript
Web跨浏览器进程通信(Web跨域)
Apr 17 Javascript
IE 下Enter提交表单存在重复提交问题的解决方法
May 04 Javascript
javacript使用break内层跳出外层循环分析
Jan 12 Javascript
基于vue实现分页/翻页组件paginator示例
Mar 09 Javascript
在vscode中统一vue编码风格的方法
Feb 22 Javascript
微信小程序-form表单提交代码实例
Apr 29 Javascript
vue实现直播间点赞飘心效果的示例代码
Sep 20 Javascript
layui 实现加载动画以及非真实加载进度的方法
Sep 23 Javascript
vue点击自增和求和的实例代码
Nov 06 Javascript
ES6 proxy和reflect的使用方法与应用实例分析
Feb 15 Javascript
Vue如何基于vue-i18n实现多国语言兼容
Jul 17 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并发查询MySQL的实例代码
2017/08/09 PHP
php连接MSsql server的五种方法总结
2018/03/04 PHP
PHP日期和时间函数的使用示例详解
2020/08/06 PHP
IE DOM实现存在的部分问题及解决方法
2009/07/25 Javascript
10款非常有用的 Ajax 插件分享
2012/03/14 Javascript
js 利用image对象实现图片的预加载提高访问速度
2013/03/29 Javascript
判定是否原生方法的JS代码
2013/11/12 Javascript
JS控制图片等比例缩放的示例代码
2013/12/24 Javascript
jquery处理json对象
2014/11/03 Javascript
JS运动框架之分享侧边栏动画实例
2015/03/03 Javascript
javascript动态添加checkbox复选框的方法
2015/12/23 Javascript
纯JS单页面赛车游戏制作代码分享
2017/03/03 Javascript
JavaScript实现打印星型金字塔功能实例分析
2017/09/27 Javascript
原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面
2017/11/01 Javascript
浅谈React + Webpack 构建打包优化
2018/01/23 Javascript
vue跳转方式(打开新页面)及传参操作示例
2020/01/26 Javascript
python3图片转换二进制存入mysql
2013/12/06 Python
Python中super的用法实例
2015/05/28 Python
Python中Django框架下的staticfiles使用简介
2015/05/30 Python
Python实现的单向循环链表功能示例
2017/11/10 Python
一篇文章读懂Python赋值与拷贝
2018/04/19 Python
python 实现绘制整齐的表格
2019/11/18 Python
Python json转字典字符方法实例解析
2020/04/13 Python
matplotlib绘制多子图共享鼠标光标的方法示例
2021/01/08 Python
python uuid生成唯一id或str的最简单案例
2021/01/13 Python
pycharm 的Structure界面设置操作
2021/02/05 Python
html5定制表单_动力节点Java学院整理
2017/07/11 HTML / CSS
有关HTML5中背景音乐的自动播放功能
2017/10/16 HTML / CSS
HTML5实现自带进度条和滑块滑杆效果
2018/04/17 HTML / CSS
毕业生精彩的自我评价分享
2013/10/06 职场文书
应用艺术专业个人的自我评价
2014/01/03 职场文书
先进集体事迹材料
2014/02/17 职场文书
抄作业检讨书
2014/02/17 职场文书
干货干货!2019最新优秀创业计划书
2019/03/21 职场文书
详解Node.js如何处理ES6模块
2021/05/15 Javascript
win10壁纸在哪个文件夹 win10桌面背景图片文件位置分享
2022/08/05 数码科技