JQuery selection and filtering method code summary_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 nodes to the search result set add()
Example: $('ul#tmpAnimals li').add('li#tmpBrocoli,li#tmpPepper').addClass ('tmpExample');
The li node set under the ul node with the id of tmpAnimals, add the li node with the id of tmpBrocoli and the li node with the id of tmpPepper. and

Add tmpExample style to all li nodes in the combined collection.

13. Select the specified element from the result set eq()
Example: $('ul li').eq(10).addClass('tmpExample');
Below page ul In the li collection, add the tmpExample style to the 10th element.