$('#menu .tag a:eq(8)')
//不分男女,選中第一類衣服中第9個a元素,并改變顏色
? ? //這里用了nth-child 選擇的他們所有父元素的第n個子元素
?此處用 ??$('#menu .tag a:nth-child(10)').css('color','#66CD00');? 可以選出兩個class='tag'的第9個a元素
但是用$('#menu .tag a:eq(8)').css('color','#66CD00'); ?只能選出第一個class='tag'的第9個a元素,為什么?
2016-09-23
:nth-child()——匹配的是其父元素下的第N個子元素,而父元素可能有多個,所以第N個子元素就可能有多個;
:eq(index)——只匹配集合下的一個元素,沒有父元素之說,相當(dāng)于把":"之前符合的元素都集中在一個數(shù)組里,然后只選取一個索引值為index的元素;
之間的區(qū)別只要記得案例就好~~
2016-09-19
$('.list ul li:nth-child(2)')以這個為例
nth-child是選擇所有ul下的li,而eq只選擇第一個ul下的li,記住兩個的區(qū)別就行