jQuery可见性选择器
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery可见性选择器相关的知识，希望对你有一定的参考价值。
:hidden：表示查询所有隐蔽的标签:visible：表示查询所有显示的标签
或:not(:hidden)
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../js/jquery-1.6.js"></script>
</head>
<body>
<table border="1" align="center">
<tr style="display:none">
<td>Value 1</td>
</tr>
<tr>
<td>Value 2</td>
</tr>
<tr>
<td>Value 3</td>
</tr>
</table>
<script type="text/javascript">
//1)查找隐藏的tr元素的个数
//alert($("table tr:hidden").size());
//alert($("tr:hidden").size());
//2)查找所有可见的tr元素的个数
//alert($("table tr:visible").size());
//alert($("table tr:not(:hidden)").size());
</script>
</body>
</html>
以上是关于jQuery可见性选择器的主要内容，如果未能解决你的问题，请参考以下文章
JQuery选择器学习整理(基本选择器，层级选择器，伪类选择器，属性过滤，内容过滤，可见性过滤，范围选择器，排除选择器)