jQuery 순회
횡단이란 무엇입니까?
"이동"을 의미하는 jQuery 탐색은 다른 요소와의 관계를 기반으로 HTML 요소를 "찾거나" 선택하는 데 사용됩니다. 하나의 선택으로 시작하여 원하는 요소에 도달할 때까지 해당 선택을 통해 이동합니다.
아래 이미지는 HTML 페이지를 트리(DOM 트리)로 나타낸 것입니다. jQuery traversing을 사용하면 선택한(현재) 요소에서 시작하여 트리에서 위로(상위), 아래로(후손) 및 옆으로(형제) 쉽게 이동할 수 있습니다. 이 이동을 DOM 트리를 가로지르는 것 또는 통과하는 것입니다.
그림 설명:
- <div> 요소는 <ul> 의 부모 이며, 그 안에 있는 모든 것의 조상 입니다.
- <ul> 요소는 두 <li> 요소 의 상위 요소이고 <div> 요소의 하위 요소입니다.
- 왼쪽 <li> 요소는 <span> 의 부모 , <ul>의 자식, <div>의 자손 입니다 .
- <span> 요소는 왼쪽 <li>의 자식이고 <ul>과 <div>의 자손 입니다 .
- 두 개의 <li> 요소는 형제 입니다 (같은 부모를 공유함).
- 오른쪽 <li> 요소는 <b> 의 부모 , <ul>의 자식, <div>의 자손 입니다 .
- <b> 요소는 오른쪽 <li>의 자식이고 <ul>과 <div>의 자손 입니다 .
조상은 부모, 조부모, 증조부모 등입니다.
자손은 자녀, 손자, 증손자 등입니다.
형제 자매는 같은 부모를 공유합니다.
DOM 순회
jQuery는 DOM을 탐색할 수 있는 다양한 방법을 제공합니다.
탐색 방법의 가장 큰 범주는 트리 탐색입니다.
다음 장에서는 DOM 트리에서 위, 아래, 옆으로 이동하는 방법을 보여줍니다.
jQuery 순회 참조
모든 jQuery Traversing 메서드에 대한 전체 개요를 보려면 jQuery Traversing Reference 로 이동하십시오 .