JQuery 選擇和過濾方法代碼總結

1、尋找所有合格元素 find()
舉例： $('ul').find('li').addClass('tmpExample');
尋找頁面中ul元素下的所有li元素，並為尋找到的li元素增加tmpExample樣式。

2、尋找指定元素的兄弟節點 siblings()
舉例：$('li#tmpCarrot').slblings().addClass('tmpExample');
尋找ID為tmpCarrot的li元素所有的兄弟節點，並為尋找到的兄弟節點增加tmpExample樣式。
可以在slblings()的括弧中添加選取器來尋找指定條件的兄弟節點。如：slblings('.tmpClass'),就是尋找類

為tmpClass的兄弟節點。

3、尋找指定節點的下一個兄弟節點 next()
舉例：$('li#tmpBroccoli').next().addClass('tmpExample');
尋找ID為tmpBroccoli的li節點的下一兄弟節點。並為尋找到的兄弟節點增加tmpExample樣式。

4、尋找指定節點的後面的所有兄弟節點 next()
舉例：$('li#tmpBroccoli').nextAll().addClass('tmpExample');
尋找ID為tmpBroccoli的li節點後面的所有兄弟節點。並為尋找到的兄弟節點增加tmpExample樣式。

5、尋找指定節點的前一個兄弟節點 prev()
舉例：$('li#tmpBroccoli').prev().addClass('tmpExample');
尋找ID為tmpBroccoli的li節點的前一個兄弟節點。並為尋找到的兄弟節點增加tmpExample樣式。

6、尋找指定節點的前面所有的兄弟節點 prevAll()
舉例：$('li#tmpBroccoli').prevAll().addClass('tmpExample');
尋找ID為tmpBroccoli的li節點的前面所有的兄弟節點。並為尋找到的兄弟節點增加tmpExample樣式。
可以在prevAll()的括弧中添加選取器來尋找指定條件的兄弟節點。如：prevAll('li.tmpClass'),就是尋找當

前節點前面所有類為tmClass的兄弟節點。

7、尋找所有合格上級節點 parents()
舉例：$('li#tmpCarrot').parents('div#tmpSelection').addClass('tmpExample');
尋找ID為tmpCarrot的li節點所有id為tmpSelection的div上級節點。並為尋找到的節點增加tmpExample樣

式。

8、尋找上級節點 parent()
舉例：$('li#tmpCarrot').parent().addClass('tmpExample');
尋找ID為tmpCarrot的li節點的上級節點。並為尋找到的節點增加tmpExample樣式。

9、尋找子節點 children()
舉例：$('div.tmpList').children('h4').addClass('tmpExample');
尋找class為tmplist的div下面的子節點中為h4標籤的。並為尋找到的節點增加tmpExample樣式。

10、尋找到的節點集合中反選 not()
舉例：$('ul li').not('li.tmpVegetables').addClass('tmpExample');
尋找到的li集合中，除了class為tmpVegetables的節點，都增加一個tmpExample樣式。

11、選擇節點集合中的片段 slice()
舉例：$('ul li').slice(1,4).addClass('tmpExample');
尋找到的li集合中，選擇從第1個（從0計數，第一個其實是第二個）節點開始的，向後4個節點，並為這4個

節點增加tmpExample樣式。

12、向尋找的結果集中添加節點 add()
舉例：$('ul#tmpAnimals li').add('li#tmpBrocoli,li#tmpPepper').addClass('tmpExample');
id為tmpAnimals的ul節點下的li節點集，添加id為tmpBrocoli的li節點和添加id 為tmpPepper的li節點。並

將組合後的集合中所有li節點增加tmpExample樣式。

13、結果集中選擇指定元素 eq()
舉例：$('ul li').eq(10).addClass('tmpExample');
頁面ul下面的li集合中，給第10元素增加tmpExample樣式。