jquery積累~children(":eq()")與children().eq()

標籤：垃圾   分享   比較   alt   9.png   div   image   class   bsp   

　　今天看到原來寫的代碼~突然想到 children(":eq(2)")和children().eq(2)是不是一樣~結合自己動手~發現確實是一樣的,感覺自己好垃圾順便記下來.積累一下

　　html結構如下

<div class="div"><ul><li><span>hello</span>1</li><li><span>hello</span>2</li><li><span>hello</span>3</li><li><span>hello</span>4</li><li><span>hello</span>5</li></ul><ul><li><span>hello</span>11</li><li><span>hello</span>22</li><li><span>hello</span>33</li><li><span>hello</span>44</li><li><span>hello</span>55</li></ul><ul><li><span>hello</span>111</li><li><span>hello</span>222</li><li><span>hello</span>333</li><li><span>hello</span>444</li><li><span>hello</span>555</li></ul><ul><li><span>hello</span>1111</li><li><span>hello</span>2222</li><li><span>hello</span>3333</li><li><span>hello</span>4444</li><li><span>hello</span>5555</li></ul></div>

　　然後引入jquery,比較兩者的區別(實際也沒啥區別,就是書寫方式不一樣)

   代碼如下

   

$(‘ul‘).children(":eq(1)").css(‘color‘ , ‘red‘);$(‘ul‘).children().eq(2).css(‘color‘ , ‘red‘);

　　

改成其他的也沒啥區別

還有就是children()與find()的區別~實驗後發現,find()的括弧裡必須寫上東西~否則無效

$(‘div‘).find().eq(2).css(‘color‘ , ‘red‘);

 

　　

下面是有效

$(‘div‘).find(‘ul‘).eq(2).css(‘color‘ , ‘red‘);

 總結下來就是:find()尋找的是後代,子代,子子代,而且參數必須填寫

　　　　　　children()本身尋找的就是子代,裡面的參數選填

 

jquery積累~children(":eq()")與children().eq()