jQuery 中的 nth-child 選擇器是一種非常實(shí)用的 CSS 選擇器。它可以幫助您選擇其父元素中的某個(gè)特定子元素,它是使用 CSS 選擇器語法從元素列表中選擇一個(gè)特定的元素。您可以使用數(shù)字,關(guān)鍵字和公式來指定選擇器。
而 nth-child 2 就是其中的一種選擇器,它選擇其父元素中的第二個(gè)子元素。
<script> $(document).ready(function(){ $("ul li:nth-child(2)").css("background-color", "yellow"); }); </script>
在此示例中,我們正在選擇 ul 元素中符合條件的第二個(gè) li 元素,并將其背景顏色更改為黃色。此選擇器將選擇每個(gè) ul 元素中的第二個(gè) li 元素,并應(yīng)用樣式。
如果要選擇其他位置的子元素,您可以通過更改數(shù)字或使用其他形式的選擇器來實(shí)現(xiàn)。nth-child 選擇器可以與其他 jQuery 選擇器和方法一起使用,例如 .addClass() 或 .removeClass()。
綜上所述,nth-child 2 是一種非常方便的選擇器,它使您可以輕松地選擇指定位置的子元素,并且可以與眾多其他 jQuery 方法一起使用。