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 相关文章推荐
js 纯数字不重复排列的另类方法
Jul 17 Javascript
jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
Mar 27 Javascript
VUEJS实战之利用laypage插件实现分页(3)
Jun 13 Javascript
微信小程序 教程之WXML
Oct 18 Javascript
js实现悬浮窗效果(支持拖动)
Mar 09 Javascript
利用Console来Debug的10个高级技巧汇总
Mar 26 Javascript
Koa日志中间件封装开发详解
Mar 09 Javascript
详解vue中router-link标签所必备了解的属性
Apr 15 Javascript
微信小游戏之使用three.js 绘制一个旋转的三角形
Jun 10 Javascript
Vue防止白屏添加首屏动画的实例
Oct 31 Javascript
使用element-ui +Vue 解决 table 里包含表单验证的问题
Jul 17 Javascript
详解实现vue的数据响应式原理
Jan 20 Vue.js
介绍一个简单的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下通过IP获取地理位置的代码(小偷程序)
2011/06/09 PHP
使用php转义输出HTML到JavaScript
2015/03/27 PHP
PHP+redis实现添加处理投票的方法
2015/11/14 PHP
php生成带logo二维码方法小结
2016/04/08 PHP
jquery中对表单的基本操作代码
2010/07/29 Javascript
说说JSON和JSONP 也许你会豁然开朗
2012/09/02 Javascript
jquery插件开发注意事项小结
2013/06/04 Javascript
用JS实现3D球状标签云示例代码
2013/12/01 Javascript
js 数值转换为3位逗号分隔的示例代码
2014/02/19 Javascript
jquery 扑捉回车键事件代码
2014/04/24 Javascript
JS实现鼠标滑过显示边框的菜单效果
2016/09/21 Javascript
Angular1.x复杂指令实例详解
2017/03/01 Javascript
微信小程序中顶部导航栏的实现代码
2017/03/30 Javascript
vue2.0实现分页组件的实例代码
2017/06/22 Javascript
JS随机排序数组实现方法分析
2017/10/11 Javascript
JS+HTML实现的圆形可点击区域示例【3种方法】
2018/08/01 Javascript
从0到1构建vueSSR项目之node以及vue-cli3的配置
2019/03/07 Javascript
JS中数据结构与算法---排序算法(Sort Algorithm)实例详解
2019/06/17 Javascript
在vue-cli3.0 中使用预处理器 (Sass/Less/Stylus) 配置全局变量操作
2020/08/10 Javascript
vue-cli —— 如何局部修改Element样式
2020/10/22 Javascript
[01:14:31]Secret vs VG 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
Python使用bs4获取58同城城市分类的方法
2015/07/08 Python
python 简单的多线程链接实现代码
2016/08/28 Python
Python实现字典按照value进行排序的方法分析
2017/12/23 Python
python将文本分每两行一组并保存到文件
2018/03/19 Python
python3安装speech语音模块的方法
2018/12/24 Python
python使用matplotlib绘制雷达图
2019/10/18 Python
高分子材料个人求职信范文
2013/09/25 职场文书
高三英语教学反思
2014/01/13 职场文书
社区国庆节活动方案
2014/02/05 职场文书
2015年幼儿园毕业感言
2014/02/12 职场文书
领导接待方案
2014/03/13 职场文书
公务员党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
财务工作个人总结
2015/02/27 职场文书
2016年学生会感恩节活动总结
2016/04/01 职场文书
python如何获取网络数据
2021/04/11 Python