DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> JQuery 選擇和過濾方法代碼總結
JQuery 選擇和過濾方法代碼總結
編輯: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樣式。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved