[jQuery] Traversing

$(selector)의 결과에는 '선택된 element(들)'이 담겨 있다

선택된 element에서 다시 DOM 구조 내의 원하는 element들로 이동/선택할 수 있는 다양하고 편리한 메소드들이 제공된다

 

Iteration

  ~ .each(function) : select된 각 element에 대한 동작을 수행

Traversing Up 

  ~ .parent() : ~의 부모 선택

  ~ .parents() : ~의 상위 요소들 모두 선택

  ~ .parents(selector) : ~의 상위 요소(들) 중 selector 지정 요소들만 선택

  ~ .parentsUntil(selector)  : ~의 상위 요소(들) 중 selector 지정 요소 전까지만 선택

Traversing Down

  ~ .children() : ~의 자식 요소(들) 모두 선택

  ~ .children(selector) : ~의 자식 요소(들) 중 selector 지정 요소들만 선택

  ~ .find() : ~의 자손 요소(들) 모두 선택

  ~ .finc(selector) : ~의 자손 요소(들) 중 selector 지정 요소들만 선택

Traversing Sibling 

  ~ .siblings() : ~의 형제 요소(들) 모두 선택

  ~ .siblings(selecot) : ~의 형제 요소(들) 중 selector 지정 요소들만 선택

  ~ .next() : ~의 다음 요소 하나 선택(동생)

  ~ .nextAll() : ~의 다음 요소 모두 선택

  ~ .nextUntill(selector) : ~의 동생 요소들 중 selector 지정 요소 전까지 모두 선택

  ~ .prev() : ~의 이전 요소 선택

  ~ .prevAll() : ~의 이전 요소 모두 선택

  ~ .provUntill() : ~의 이전 요소 중 selector 지정 요소 전까지 모두 선택