[jQuery] 탐색 메서드

1. DOM 순회

• jQuery는 DOM을 순회할 수 있는 다양한 메서드를 제공함

• 순회 방법의 가장 큰 범주는 트리 순회임

2. jQuery 순회 - 조상 메서드

• parent() - 선택한 요소의 직접 상위 요소 반환

• parents() - 선택한 요소의 모든 상위 요소 반환

• parentsUntil() - 주어진 두 인수 사이의 모든 조상 요소 반환

ex) $("span").parentsUntil("div");

3. jQuery 순회 - 자손 메서드

• children() - 선택한 요소의 모든 직계 자식 반환

• find() - 선택한 요소의 하위 요소를 마지막 하위 요소까지 반환

ex) $("div").find("span");

4. jQuery 순회 - 형제 메서드

• siblings() - 선택한 요소의 모든 형제 요소를 반환

• next() - 선택한 요소의 다음 형제 요소를 반환

• nextAll() - 선택한 요소의 모든 다음 형제 요소를 반환

• nextUntil() - 주어진 두 인수 사이의 모든 다음 형제 요소를 반환

• prev(), prevAll(), prevUntil() - 이전 형제 요소 반환

5. jQuery 순회 - 필터링 메서드

• first() - 지정된 요소의 첫번째 요소 반환

• last() - 지정된 요소의 마지막 요소 반환

• eq(인덱스 번호) - 선택한 요소의 특정 인덱스 번호가 있는 요소 반환

• filter() - 기준을 지정할 수 있으며, 기준과 일치하지 않는 요소는 선택 항목에서 제거되고 일치하는 요소는 반환

ex) $("p").filter(".intro"); - <p> 클래스 이름이 "intro"인 모든 요소 반환

• not() - 기준과 일치하지 않는 모든 요소 반환