[Jquery] 강의 2일차 14장 설명 요약본

** 왜 Traversing 기능이 필요 할까?

    => 문서 전체에 Find-> Select 하는 작업을 반복하면 성능 급격히 저하!!

1. filter()

  $("div").css("color","blue").filter(".main").css("font-size","20pt");

  $("div").css("color","blue");

  $("div.main").css("font-size","20pt");

 *************가장 많이 쓴다 find()*************

2. find()

  $("#products").css("color","blue").find("tr").css("font-size","20pt");  

  

  var p = $("#products").css("color","blue");

  p.find("tr").css("font-size","20pt");

  $("#products").css("color","blue");

  $("#products  tr").css("font-size","20pt"); 

3. end()

  : 선택된 집합을 이전 단계로 되돌림.

  $(A)..... find(B).....find(C).. end() --> B상태로 ...

4. add()

  $(A)....find(B).add(C)  : B 와 C의 합집합

4.1 eq(), first(), last()

 $("#Products tr").eq(2) : 앞에서 3번째

 $("#Products tr").eq(-1) : 맨마지막

 $("#Products tr").eq(-2) : 맨 마지막에서 2번째

  $("#Products tr:eq(-2) : 지원 안함.

5. parent, children, next, prev, siblings

Root -

         |- A

         |- B      |-C1

         |- C  -- |-C2

         |- D      |-C3

         |- E

  - 현재 상태에서 C가 선택된 상태!!

    $(C).parent() ---> Root

    $(C).next()  --->D

    $(C).prev()  --->B

    $(C).children()  --->C1,2,3

    $(C).siblings()  --->A,B,D,E