国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-21 00:07:22
字體:
來源:轉載
供稿:網友

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 太和县| 金溪县| 中江县| 灌南县| 敦煌市| 华蓥市| 宽甸| 永吉县| 西贡区| 维西| 吴川市| 鄂伦春自治旗| 荆州市| 侯马市| 达拉特旗| 桐梓县| 潞西市| 静海县| 临清市| 普陀区| 灌云县| 弥渡县| 邢台市| 柳江县| 成安县| 金寨县| 万盛区| 朝阳市| 兰州市| 萨嘎县| 河东区| 泾阳县| 梨树县| 西昌市| 肇东市| 塘沽区| 彰化县| 武安市| 双鸭山市| 镇平县| 瓮安县|