jQuery: nth-child选择器

在jQuery中，nth-child选择器用于选择指定父元素下的特定子元素。

语法

$( "parent:nth-child(n)" )

其中，parent是父元素的选择器，n是需要匹配的子元素的位置。

参数

选择器可以使用以下参数：

• n：表示需要匹配的子元素的位置
• even：表示选择所有偶数位置的子元素
• odd：表示选择所有奇数位置的子元素
• formula：表示选择所有匹配给定公式的元素，如：2n+1、3n、4n-1等。

实例

假设有以下HTML代码：

<div class="parent">
  <div class="child">1</div>
  <div class="child">2</div>
  <div class="child">3</div>
  <div class="child">4</div>
  <div class="child">5</div>
</div>

我们可以使用以下代码来选择子元素：

$('.parent:nth-child(1)').css('color', 'red');

这将会选择第一个子元素并设置其文字颜色为红色。

我们也可以使用以下代码来选择所有偶数位置的子元素：

$('.parent:nth-child(even)').css('color', 'red');

这将会选择第二个、第四个子元素并设置其文字颜色为红色。

总结

nth-child选择器可用于选择父元素下的指定子元素，可以使用n、even、odd和formula参数来匹配子元素的位置。