第十三章：第5节jQuery选择器——内容过滤器、可见性过滤器

内容过滤器：

:contains(内容)

包含内容选择器，获得节点内部必须通过标签包含指定的内容

$(“div:contains(beijing)”)

<div>linken love beijing</div>

<div>jack love shanghai</div>

:empty

获得空元素(内部没有任何元素/文本(空) )节点对象

$(“div:empty”)

<div>linken love beijing</div>

<div>jack love shanghai</div>

<div></div>

<div><img /></div>

<div>      </div>

:has(选择器)

内部包含指定元素的选择器
$(“div:has(#apple)”)

<div>hello</div>

<div><p></p></div>

<div><span id=”apple”></span></div>

<div><span class=”apple”></span></div>

:parent

寻找的节点必须作为父元素节点存在

$(“div:parent”)

<div>linken love beijing</div>

<div>jack love shanghai</div>

<div></div>

<div><img /></div>

<div>      </div>

可见性过滤器:

就两个：

:hidden

匹配所有不可见元素，或者type为hidden的元素

$("tr:hidden")

<table>
 <tr style="display:none"><td>Value 1</td></tr>
 <tr><td>Value 2</td></tr>
</table> 

$("input:hidden")

<form>
 <input type="text" name="email" />
 <input type="hidden" name="id" />
</form>

:visible

匹配所有的可见元素

$("tr:visible")

<table>
 <tr style="display:none"><td>Value 1</td></tr>
 <tr><td>Value 2</td></tr>
</table>

总结：

这节的过滤器大家了解下，楠神在开发中这两类过滤器基本没用过，实用性不高。

本节学习代码》》》