選擇器 子元素篩選

2022-03-10 07:47:48 字數 810 閱讀 7921

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...