使用jQuery出错的地方

1.:first和first-child

first：匹配找到第一个元素

first-child：匹配第一个子元素

例如：有两个class为one的元素

<input type="button" value=" 每个class为one的div父元素下的第一个子元素"  id="b2"/><div class="one"  title="test"><div  class="mini" >class是 mini******222</div></div><div class="one" title="test02">   class是 one    title="test02"   2222   <div  class="mini01" >class是 mini01</div>   <div  class="mini" >cdddddddlass是 mini</div></div>

当使用first匹配的时候：只能匹配上第一个class为one的div父元素下的第一个子元素,而不是所有class为one的div父元素下的。

//<input type="button" value=" 每个class为one的div父元素下的第一个子元素"  id="b2"/>$("#b2").click(function(){$("div[class=one] :first").css("background"," #0000FF");});

当使用first-child匹配的时候：能匹配所有class为one的div父元素下的第一个子元素

//<input type="button" value=" 每个class为one的div父元素下的第一个子元素"  id="b2"/>$("#b2").click(function(){$("div[class=one] :first-child").css("background"," #0000FF");});

2.每个class为one的div父元素下的第2个子元素,千万他妈的记住,父元素和子元素之间要有个空格！

$("div[class=one] :nth-child(2)").css("background"," #0000FF");