JQuery 선택 및 필터링 메서드 코드 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()
예: $('ul#tmpAnimals li').add('li#tmpBrocoli,li#tmpPepper').addClass ('tmpExample');
id가 tmpAnimals인 ul 노드 아래에 설정된 li 노드에 id가 tmpBrocoli인 li 노드와 tmpPepper ID를 가진 li 노드를 추가합니다. 그리고

결합된 컬렉션의 모든 li 노드에 tmpExample 스타일을 추가합니다.

13. 결과 세트에서 지정된 요소를 선택합니다 eq()
예: $('ul li').eq(10).addClass('tmpExample');
페이지 ul 아래 li 컬렉션의 10번째 요소에 tmpExample 스타일을 추가합니다.