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条件判断使用小技巧总结
Sep 08 Javascript
jquery中的$(document).ready()与window.onload的区别
Nov 18 Javascript
jQuery EasyUI API 中文文档 - Pagination分页
Sep 29 Javascript
JS 获取浏览器和屏幕宽高等信息的实现思路及代码
Jul 31 Javascript
jquery实现弹出层登录和全屏层注册特效
Aug 28 Javascript
打造自己的jQuery插件入门教程
Sep 23 Javascript
如何使用bootstrap框架 bootstrap入门必看!
Apr 13 Javascript
vue.js将时间戳转化为日期格式的实现代码
Jun 05 Javascript
webpack4 入门最简单的例子介绍
Sep 05 Javascript
详解vue使用插槽分发内容slot的用法
Mar 28 Javascript
小程序最新获取用户昵称和头像的方法总结
Sep 23 Javascript
详解jQuery中的prop()使用方法
Jan 05 jQuery
介绍一个简单的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的安全策略
2006/10/09 PHP
PHP4实际应用经验篇(4)
2006/10/09 PHP
编写安全 PHP应用程序的七个习惯深入分析
2013/06/08 PHP
php读取csv实现csv文件下载功能
2013/12/18 PHP
PHP与MYSQL中UTF8 中文排序示例代码
2014/10/23 PHP
PHP实现补齐关闭的HTML标签
2016/03/22 PHP
用HTML/JS/PHP方式实现页面延时跳转的简单实例
2016/07/18 PHP
JS动画效果代码3
2008/04/03 Javascript
Extjs优化(二)Form表单提交通用实现
2013/04/15 Javascript
JS操作Cookies的小例子
2013/10/15 Javascript
纯js写的分页表格数据为json串
2014/02/18 Javascript
Sublime Text 3常用插件及安装方法
2015/12/16 Javascript
jQuery扩展实现text提示还能输入多少字节的方法
2016/11/28 Javascript
AngularJS实践之使用ng-repeat中$index的注意点
2016/12/22 Javascript
微信小程序 判断手机号的实现代码
2017/04/19 Javascript
fetch 如何实现请求数据
2018/12/20 Javascript
JS实现点击li标签弹出对应的索引功能【案例】
2019/02/18 Javascript
ios中视频的最后一桢问题解决
2019/05/14 Javascript
小程序使用watch监听数据变化的方法详解
2019/09/20 Javascript
vue-socket.io跨域问题有效解决方法
2020/02/11 Javascript
vue 解决provide和inject响应的问题
2020/11/12 Javascript
vue实现图片裁剪后上传
2020/12/16 Vue.js
Python程序设计入门(2)变量类型简介
2014/06/16 Python
pandas DataFrame索引行列的实现
2019/06/04 Python
python 二维矩阵转三维矩阵示例
2019/11/30 Python
Python高并发和多线程有什么关系
2020/11/14 Python
基于css3仿造window7的开始菜单
2010/06/17 HTML / CSS
英国鹦鹉店:Parrot Essentials
2018/12/03 全球购物
项目开发计划书
2014/01/09 职场文书
光荣入党自我鉴定
2014/01/22 职场文书
优秀经理获奖感言
2014/03/04 职场文书
党员教师四风问题整改措施思想汇报
2014/10/08 职场文书
2014年基层党支部工作总结
2014/12/04 职场文书
恰同学少年观后感
2015/06/08 职场文书
2016年员工政治思想表现评语
2015/12/02 职场文书
python实现会员信息管理系统(List)
2022/03/18 Python