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滚动条插件jScrollPane的使用介绍
Nov 08 Javascript
表单提交前触发函数返回true表单才会提交
Mar 11 Javascript
举例讲解JavaScript substring()的使用方法
Nov 09 Javascript
jQuery实现页面顶部显示的进度条效果完整实例
Dec 09 Javascript
Treegrid的动态加载实例代码
Apr 29 Javascript
JS使用正则表达式实现关键字替换加粗功能示例
Aug 03 Javascript
BootStrap与validator 使用笔记(JAVA SpringMVC实现)
Sep 21 Javascript
常用Javascript函数与原型功能收藏(必看篇)
Oct 09 Javascript
BetterScroll 在移动端滚动场景的应用
Sep 18 Javascript
浅谈es6 javascript的map数据结构
Dec 14 Javascript
微信小程序 拍照或从相册选取图片上传代码实例
Aug 28 Javascript
Vue实现多标签选择器
Nov 28 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 发送数据
2006/10/09 PHP
php 动态执行带有参数的类方法
2009/04/10 PHP
浅谈web上存漏洞及原理分析、防范方法(安全文件上存方法)
2013/06/29 PHP
护卫神php套件 php版本升级方法(php5.5.24)
2015/05/10 PHP
在WordPress的文章编辑器中设置默认内容的方法
2015/12/29 PHP
Symfony2 session用法实例分析
2016/02/04 PHP
javascript qq右下角滑出窗口 sheyMsg
2010/03/21 Javascript
js与运算符和或运算符的妙用
2014/02/14 Javascript
JS操作CSS随机改变网页背景实现思路
2014/03/10 Javascript
使用upstart把nodejs应用封装为系统服务实例
2014/06/01 NodeJs
jquery制作漂亮的弹出层提示消息特效
2014/12/23 Javascript
Jquery实现地铁线路指示灯提示牌效果的方法
2015/03/02 Javascript
angular+ionic 的app上拉加载更新数据实现方法
2017/01/16 Javascript
JS中使用正则表达式g模式和非g模式的区别
2017/04/01 Javascript
通过js修改input、select默认字体颜色
2017/04/19 Javascript
浅谈Angular2 模块懒加载的方法
2017/10/04 Javascript
Vue项目分环境打包的实现步骤
2018/04/02 Javascript
原生js实现的移动端可拖动进度条插件功能详解
2019/08/15 Javascript
python实现textrank关键词提取
2018/06/22 Python
Python 忽略warning的输出方法
2018/10/18 Python
Python 类的私有属性和私有方法实例分析
2019/09/29 Python
tensorflow 获取checkpoint中的变量列表实例
2020/02/11 Python
python属于解释型语言么
2020/06/15 Python
python录音并调用百度语音识别接口的示例
2020/12/01 Python
Vrbo英国:预订度假屋
2020/08/19 全球购物
什么是接口(Interface)?
2013/02/01 面试题
灵泰克Java笔试题
2016/01/09 面试题
学期自我鉴定
2013/11/04 职场文书
日本语毕业生自荐信
2014/02/01 职场文书
高中军训感想300字
2014/03/04 职场文书
大一新生学期自我评价
2014/04/09 职场文书
代理协议书
2014/04/22 职场文书
大四毕业生自荐书
2014/07/05 职场文书
小城镇建设汇报材料
2014/08/16 职场文书
基于Nginx实现限制某IP短时间访问次数
2021/03/31 Servers
MySQL命令无法输入中文问题的解决方式
2021/08/30 MySQL