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一个无懈可击的实例化XMLHttpRequest的方法
Oct 13 Javascript
JavaScript基本编码模式小结
May 23 Javascript
node.js中的http.createClient方法使用说明
Dec 15 Javascript
JS组件Bootstrap dropdown组件扩展hover事件
Apr 17 Javascript
JavaScript面试开发常用的知识点总结
Aug 08 Javascript
关于原生js中bind函数的简单实现
Aug 10 Javascript
JavaScript组合模式学习要点
Aug 26 Javascript
vue构建单页面应用实战
Apr 10 Javascript
Angular 4 依赖注入学习教程之FactoryProvider的使用(四)
Jun 04 Javascript
Vue工程模板文件 webpack打包配置方法
Dec 26 Javascript
详解js常用分割取字符串的方法
May 15 Javascript
VUE渲染后端返回含有script标签的html字符串示例
Oct 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
smarty模板中拼接字符串的方法
2014/02/14 PHP
php不写闭合标签的好处
2014/03/04 PHP
php通过数组实现多条件查询实现方法(字符串分割)
2014/05/06 PHP
浅谈PHP进程管理
2019/03/08 PHP
php 使用html5 XHR2实现上传文件与进度显示功能示例
2020/03/03 PHP
静态的动态续篇之来点XML
2006/08/15 Javascript
JS 判断代码全收集
2009/04/28 Javascript
js常用代码段收集
2011/10/28 Javascript
Java 正则表达式学习总结和一些小例子
2012/09/13 Javascript
Three.js源码阅读笔记(基础的核心Core对象)
2012/12/27 Javascript
JQuery遍历json数组的3种方法
2014/11/08 Javascript
纯JavaScript实现获取onclick、onchange等事件的值
2014/12/29 Javascript
JavaScript中的全局对象介绍
2015/01/01 Javascript
javaScript基础语法介绍
2015/02/28 Javascript
Jquery日历插件制作简单日历
2015/10/28 Javascript
chrome下判断点击input上标签还是其余标签的实现方法
2016/09/18 Javascript
javascript实现根据汉字获取简拼
2016/09/25 Javascript
Javascript+CSS3实现进度条效果
2016/10/28 Javascript
原生js实现键盘控制div移动且解决停顿问题
2016/12/05 Javascript
把vue-router和express项目部署到服务器的方法
2018/02/21 Javascript
基于jquery实现左右上下移动效果
2018/05/02 jQuery
JavaScript中import用法总结
2019/01/20 Javascript
vue自定义表单生成器form-create使用详解
2019/07/19 Javascript
小程序中this.setData的使用和注意事项
2019/08/28 Javascript
Django基于ORM操作数据库的方法详解
2018/03/27 Python
Python实现的远程登录windows系统功能示例
2018/06/21 Python
Python3.5面向对象编程图文与实例详解
2019/04/24 Python
Python全栈之列表数据类型详解
2019/10/01 Python
Python的scikit-image模块实例讲解
2020/12/30 Python
捷克购买家具网站:JENA nábytek
2020/03/19 全球购物
网络教育毕业生自我鉴定
2013/10/10 职场文书
少儿节目主持串词
2014/04/02 职场文书
2014乡镇干部纪律作风整顿思想汇报
2014/09/13 职场文书
Vue中插槽slot的使用方法与应用场景详析
2021/06/08 Vue.js
python中的mysql数据库LIKE操作符详解
2021/07/01 MySQL
CSS三大特性继承性、层叠性和优先级详解
2022/01/18 HTML / CSS