jQuery-2（过滤器）

1、基础过滤器

//:first 选择第一个符合条件的元素
$("div:first") //选定第一个div

//:last 选择最后一个符合条件的元素
$("p:last") //选定最后一个段落

//:even 选择偶数的元素（元素从0开始计数）
$("tr:even") 

//:odd 选择奇数的元素
$("tr:odd") 

//:eq() 选择指定序号的元素
$("li:eq(0)") 

//:gt() 选择大于指定序号的元素
$("li:gt(2)") 

//:lt() 选择小于指定序号的元素
$("li:lt(2)") 

//:not() 选择所有不符合指定要求的元素
$(":not(p#test)") //选择除id=test之外的所有段落

//:header 选择所有的标题元素，即<h1>~<h6>
$(":header") //选中网页中所有标题

2、子元素过滤器

//:first-child 所有父元素中的第一个子元素
$("p:first-child")

//:last-child 所有父元素中的最后一个子元素
$("p:last-child")

//nth-child() 所有父元素中的第n个子元素
$("ul#test li:nth-child(odd)") //在id=test的列表中选择所有奇数项<li>元素
$("li:nth-child(2)") //选择第2个<li>元素

//nth-last-child() 所有父元素中倒数第n个元素
$("li:nth-last-child(2)") //选择倒数第2个<li>元素

//only-child 所有父元素中唯一的子元素
$("ul:only-child") //选择只有一个<li>元素的列表

3、内容过滤器

//:contains()  选择div中包含北京的
$("div:contains('北京')")

//:empty
$("td:empty")  //选择没有内容的<td>元素

//:parent
$("td:parent")  //选择有内容的<td>元素

//:has()  选择包含有strong标签的div元素
$("div:has(strong)")

4、可见性过滤器

//:hidden 选择所有隐藏的元素
$("p:hidden") //网页中不占用任何位置空间就被认定为是隐藏的

//:visible 选择所有可见状态的元素
$("p:visible")