jQuery Traversing
1. What is Traversing?
jQuery traversing는 다른 요소와 그들의 관계를 기준으로 HTML 요소를 찾는데 사용됩니다.
한 요소 선택을 시작으로 원하는 요소에 도달할때까지 이동하여 찾습니다.
아래 이미지는 구성 트리를 묘사한 것 입니다. jQuery traversing에서, 위로 올라가거나(ancestor), 내려가거나(descendant), 옆으로 이동할 수 있습니다.
위 그림의 설명:
- <div> 요소는 <ul>의 부모(parent)이고, 모든 것의 조상(ancestor)이다.
- <ul> 요소는 두 <li>의
부모이고, <div>의
자식(child)이다.
- 왼쪽 <li> 요소는 <span>의
부모이고, <ul>의 자식이고, <div>의
후손(descendant)이다.
- <span> 요소는 왼쪽 <li>의 자식이고, <ul>과 <div>의 후손이다.
2. Traversing the DOM
jQuery는 DOM을 횡단(traverse)할 수 있게 허용하는 여러가지 메소드를 제공합니다.