- 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');
显示效果如下:
2.:eq(index)如下:
$('div.one :eq(2)').css('background','darkgoldenrod');
显示效果如下: