1.jquery( ":first-child" )
選擇所有父級元素下的第乙個子元素。
$("div span:first-child")————>div下span的第乙個與first不同的是可多個
2.jquery( ":last-child" )
選擇所有父級元素下的最後乙個子元素。
$("div span:last-child"
)————>div下span的最後乙個與last不同的是可多個
3.jquery( ":first-of-type" )
選擇所有相同的元素名稱的第乙個兄弟元素。
$("span:first-of-type") ————>比如span有2組選中的就是每組的第乙個
4.jquery( ":first-of-type" )
選擇所有相同的元素名稱的最後乙個兄弟元素。
$("span:last-of-type") ————>比如span有2組選中的就是每組的最後乙個
5.jquery( ":nth-child(index/even/odd/equation)" )
選擇的他們所有父元素的第n個子元素。
$("ul li:nth-child(2)"
)$("ul li:nth-child(3n+1)")————》[0,1,2,3,4,5,6,7,8]
$("ul li:nth-child(n+3)")————》[0,1,2,3,4,5,6,7,8]
$("ul li:nth-child(even)")————》[0,1,2,3,4,5,6,7,8]
注:nth-child()中的引數是從1開始
jQuery選擇器之子元素篩選選擇器
子元素篩選選擇器不常使用,其篩選規則比起其它的選擇器稍微要複雜點 子元素篩選選擇器描述表 注意事項 first只匹配乙個單獨的元素,但是 first child選擇器可以匹配多個 即為每個父級元素匹配第乙個子元素。這相當於 nth child 1 last 只匹配乙個單獨的元素,last child...
jQuery選擇器之子元素篩選選擇器
子元素篩選選擇器不常使用,其篩選規則比起其它的選擇器稍微要複雜點 子元素篩選選擇器描述表 注意事項 first只匹配乙個單獨的元素,但是 first child選擇器可以匹配多個 即為每個父級元素匹配第乙個子元素。這相當於 nth child 1 last 只匹配乙個單獨的元素,last child...
選擇器 子元素
匹配其父元素下的第n個子或奇偶元素 eq index 只匹配乙個元素,而這個將為每乙個父元素匹配子元素。nth child從1開始的,而 eq 是從0算起的!可以使用 nth child even nth child odd nth child 3n nth child 2 nth child 3n...