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樣式。