| 名稱 | 說明 | 舉例 |
| :nth-child(index/even/odd/equation) | 匹配其父元素下的第N個子或奇偶元素 ':eq(index)' 只匹配一個元素，而這個將為每一個父元素匹配子元素。:nth-child從1開始的，而:eq()是從0算起的！ 可以使用: |
在每個 ul 查找第 2 個li: $("ul li:nth-child(2)") |
| :first-child | 匹配第一個子元素 ':first' 只匹配一個元素，而此選擇符將為每個父元素匹配一個子元素 |
在每個 ul 中查找第一個 li: $("ul li:first-child") |
| :last-child | 匹配最后一個子元素 ':last'只匹配一個元素，而此選擇符將為每個父元素匹配一個子元素 |
在每個 ul 中查找最后一個 li: $("ul li:last-child") |
| :only-child | 如果某個元素是父元素中唯一的子元素，那將會被匹配 如果父元素中含有其他元素，那將不會被匹配。 |
在 ul 中查找是唯一子元素的 li: $("ul li:only-child") |
注：
1、:nth-child(index)從1開始的，而eq(index)是從0開始的，就是說 $("ul li:nth-child(0)").css("color","red")是獲取不到相匹配的元素，只能從1開始，即 $("ul li:nth-child(1)").css("color","red")，而eq(0)可以獲得，同樣都是獲得第一個子元素
:nth-child(even)是獲得偶數子元素，即第二個，第四個，第六個...,而:even則是從索引0開始，匹配第二個索引，第四個索引...,也就是第一個，第三個，第五個...,看上去貌似都是獲得奇數項，同樣:nth-child(odd)和:odd同樣也是如此
2、 :first-child匹配每個父類的子元素，而:first則是匹配一個子元素， :last-child和last也是這樣
3、only-child:匹配某個元素是父元素中唯一的子元素，就是說當前子元素是類中唯一的元素，則匹配！
View Code
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head runat ="server" >
< title >無標題頁 </ title >
< script src ="../js/jquery-1.6.min.js" type ="text/javascript" ></ script >
< script type ="text/javascript" >
jQuery( function ($){
// $("ul li:first-child").css("color","red");
$( " ul li:first " ).css( " color " , " red " );
// $("ul li:last-child").css("color","red");
// $("ul li:nth-child(even)").css("color","red");
// $("ul li:odd").css("color","red");
})
</ script >
</ head >
< body >
< form id ="form1" runat ="server" >
< div >
< ul >
< li >第一個元素 </ li >
< li >第二個元素 </ li >
< li >第三個元素 </ li >
< li >第四個元素 </ li >
< li >第五個元素 </ li >
< li >第六個元素 </ li >
</ ul >
< ul >
< li >第一個元素 </ li >
< li >第二個元素 </ li >
< li >第三個元素 </ li >
< li >第四個元素 </ li >
< li >第五個元素 </ li >
< li >第六個元素 </ li >
</ ul >
</ div >
</ form >
</ body >
</ html >