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