欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JQuery 選擇和過濾方法代碼總結(jié)

 更新時間:2010年11月19日 16:45:48   作者:  
JQuery 選擇和過濾方法代碼總結(jié),學(xué)習(xí)jquery的朋友可以參考下。

1、查找所有符合條件的元素 find()
     舉例: $('ul').find('li').addClass('tmpExample');
               查找頁面中ul元素下的所有l(wèi)i元素,并為查找到的li元素增加tmpExample樣式。

2、查找指定元素的兄弟節(jié)點(diǎn) siblings()
     舉例:$('li#tmpCarrot').slblings().addClass('tmpExample');
              查找ID為tmpCarrot的li元素所有的兄弟節(jié)點(diǎn),并為查找到的兄弟節(jié)點(diǎn)增加tmpExample樣式。
              可以在slblings()的括號中添加選擇器來查找指定條件的兄弟節(jié)點(diǎn)。如:slblings('.tmpClass'),就是查找類

為tmpClass的兄弟節(jié)點(diǎn)。

3、查找指定節(jié)點(diǎn)的下一個兄弟節(jié)點(diǎn) next()
     舉例:$('li#tmpBroccoli').next().addClass('tmpExample');
              查找ID為tmpBroccoli的li節(jié)點(diǎn)的下一兄弟節(jié)點(diǎn)。并為查找到的兄弟節(jié)點(diǎn)增加tmpExample樣式。

4、查找指定節(jié)點(diǎn)的后面的所有兄弟節(jié)點(diǎn) next()
     舉例:$('li#tmpBroccoli').nextAll().addClass('tmpExample');
              查找ID為tmpBroccoli的li節(jié)點(diǎn)后面的所有兄弟節(jié)點(diǎn)。并為查找到的兄弟節(jié)點(diǎn)增加tmpExample樣式。

5、查找指定節(jié)點(diǎn)的前一個兄弟節(jié)點(diǎn) prev()
     舉例:$('li#tmpBroccoli').prev().addClass('tmpExample');
              查找ID為tmpBroccoli的li節(jié)點(diǎn)的前一個兄弟節(jié)點(diǎn)。并為查找到的兄弟節(jié)點(diǎn)增加tmpExample樣式。   

6、查找指定節(jié)點(diǎn)的前面所有的兄弟節(jié)點(diǎn) prevAll()
     舉例:$('li#tmpBroccoli').prevAll().addClass('tmpExample');
              查找ID為tmpBroccoli的li節(jié)點(diǎn)的前面所有的兄弟節(jié)點(diǎn)。并為查找到的兄弟節(jié)點(diǎn)增加tmpExample樣式。
               可以在prevAll()的括號中添加選擇器來查找指定條件的兄弟節(jié)點(diǎn)。如:prevAll('li.tmpClass'),就是查找當(dāng)

前節(jié)點(diǎn)前面所有類為tmClass的兄弟節(jié)點(diǎn)。

7、查找所有符合條件的上級節(jié)點(diǎn) parents()
     舉例:$('li#tmpCarrot').parents('div#tmpSelection').addClass('tmpExample');
              查找ID為tmpCarrot的li節(jié)點(diǎn)所有id為tmpSelection的div上級節(jié)點(diǎn)。并為查找到的節(jié)點(diǎn)增加tmpExample樣

式。

8、查找上級節(jié)點(diǎn) parent()
     舉例:$('li#tmpCarrot').parent().addClass('tmpExample');
              查找ID為tmpCarrot的li節(jié)點(diǎn)的上級節(jié)點(diǎn)。并為查找到的節(jié)點(diǎn)增加tmpExample樣式。

9、查找子節(jié)點(diǎn) children()
     舉例:$('div.tmpList').children('h4').addClass('tmpExample');
              查找class為tmplist的div下面的子節(jié)點(diǎn)中為h4標(biāo)簽的。并為查找到的節(jié)點(diǎn)增加tmpExample樣式。

10、查找到的節(jié)點(diǎn)集合中反選 not()
      舉例:$('ul li').not('li.tmpVegetables').addClass('tmpExample');
               查找到的li集合中,除了class為tmpVegetables的節(jié)點(diǎn),都增加一個tmpExample樣式。

11、選擇節(jié)點(diǎn)集合中的片段  slice()
      舉例:$('ul li').slice(1,4).addClass('tmpExample');
               查找到的li集合中,選擇從第1個(從0計數(shù),第一個其實是第二個)節(jié)點(diǎn)開始的,向后4個節(jié)點(diǎn),并為這4個

節(jié)點(diǎn)增加tmpExample樣式。

12、向查找的結(jié)果集中添加節(jié)點(diǎn)  add()
      舉例:$('ul#tmpAnimals li').add('li#tmpBrocoli,li#tmpPepper').addClass('tmpExample');
               id為tmpAnimals的ul節(jié)點(diǎn)下的li節(jié)點(diǎn)集,添加id為tmpBrocoli的li節(jié)點(diǎn)和添加id 為tmpPepper的li節(jié)點(diǎn)。并

將組合后的集合中所有l(wèi)i節(jié)點(diǎn)增加tmpExample樣式。

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

相關(guān)文章

最新評論