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 控制下拉菜单刷新的方法
Mar 03 Javascript
jQuery中animate动画第二次点击事件没反应
May 07 Javascript
理解javascript中的MVC模式
Jan 28 Javascript
浅谈JS正则表达式的RegExp对象和括号的使用
Jul 28 Javascript
react 父组件与子组件之间的值传递的方法
Sep 14 Javascript
Vee-Validate的使用方法详解
Sep 22 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
May 31 Javascript
VUE脚手架的下载和配置步骤详解
Apr 01 Javascript
详解javascript中的Error对象
Apr 25 Javascript
通过实例讲解JS如何防抖动
Jun 15 Javascript
JavaScript内置对象之Array的使用小结
May 12 Javascript
Vue实现导航栏菜单
Aug 19 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
JavaScript类和继承 this属性使用说明
2010/09/03 Javascript
两种常用的javascript数组去重方法思路及代码
2013/03/26 Javascript
JavaScript数组和循环详解
2015/04/27 Javascript
jQuery使用zTree插件实现树形菜单和异步加载
2016/02/25 Javascript
jquery获取复选框checkbox的值实现方法
2016/05/30 Javascript
indexedDB bootstrap angularjs之 MVC DOMO (应用示例)
2016/06/20 Javascript
微信小程序 滚动到某个位置添加class效果实现代码
2017/04/19 Javascript
JavaScript队列函数和异步执行详解
2017/06/19 Javascript
基于JSONP原理解析(推荐)
2017/12/04 Javascript
一次让你了解全部JavaScript的作用域
2019/06/24 Javascript
微信小程序中插入激励视频广告并获取收益(实例代码)
2019/12/06 Javascript
修改Vue打包后的默认文件名操作
2020/08/12 Javascript
[02:17]快乐加倍!DOTA2食人魔魔法师至宝+迎霜节活动上线
2019/12/22 DOTA
Python中zip()函数用法实例教程
2014/07/31 Python
django项目运行因中文而乱码报错的几种情况解决
2017/11/07 Python
Python通过Django实现用户注册和邮箱验证功能代码
2017/12/11 Python
在Python中,不用while和for循环遍历列表的实例
2019/02/20 Python
pyqt 实现为长内容添加滑轮 scrollArea
2019/06/19 Python
Python实现投影法分割图像示例(一)
2020/01/17 Python
Python while循环使用else语句代码实例
2020/02/07 Python
Python enumerate内置库用法解析
2020/02/24 Python
matlab 计算灰度图像的一阶矩,二阶矩,三阶矩实例
2020/04/22 Python
什么是python的列表推导式
2020/05/26 Python
利用python对mysql表做全局模糊搜索并分页实例
2020/07/12 Python
使用CSS3的ruby-position固定注音位置的用法示例
2016/07/05 HTML / CSS
EJB的角色和三个对象
2015/12/31 面试题
《在山的那边》教学反思
2014/02/23 职场文书
中式结婚主持词
2014/03/14 职场文书
2014年最新学习全国两会精神心得
2014/03/17 职场文书
2014年会策划方案
2014/05/11 职场文书
疾病捐款倡议书
2014/05/13 职场文书
篮球兴趣小组活动总结
2014/07/07 职场文书
2014年行政后勤工作总结
2014/12/06 职场文书
总经理检讨书范文
2015/02/16 职场文书
《为人民服务》教学反思
2016/02/20 职场文书
JS创建或填充任意长度数组的小技巧汇总
2021/10/24 Javascript