jQuery子元素过滤选择器的":nth-child"


  • eq(index)只匹配一个元素,而nth-child(index)则是为每一个符合条件的父元素匹配子元素。
  • eq(index)的index是从0开始的,而nth-child(index)是从1开始的。原因在于jQuery的":nth-child(index)"是来自于CSS规范,而"eq(index)"则是来自于Javascript规范。

      1.:nth-child(index)如下:

$('div.one :nth-child(2)').css('background','darkgoldenrod');

显示效果如下:

jQuery子元素过滤选择器的":nth-child"_第1张图片

         2.:eq(index)如下:    

$('div.one :eq(2)').css('background','darkgoldenrod');

        显示效果如下:

jQuery子元素过滤选择器的":nth-child"_第2张图片

你可能感兴趣的:(jquery,eq,nth-child)