jQuery 탐색
순회는 무엇인가요?
jQuery 순회는 '이동'을 의미하며, 다른 요소에 대한 관계를 기반으로 HTML 요소를 '찾아내거나 선택'하는 데 사용됩니다. 특정 선택을 시작하여 이 선택을 따라 이동하여 원하는 요소에 도달할 때까지 이동합니다.
아래 그림은 한 가족 나무를 보여줍니다. jQuery 순회를 통해, 선택된(현재의) 요소에서 시작하여 가족 나무에서 상위(조상), 하위(자손), 수준(형제)로 쉽게 이동할 수 있습니다. 이 이동은 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을 순회하는 여러 가지 방법을 제공합니다.
순회 메서드 중 가장 큰 종류는 트리 순회(tree-traversal)입니다.
다음 장에서 DOM 트리에서 상위, 하위 및 동일 수준으로 이동하는 방법을 설명할 것입니다.
jQuery 순회 참조 매뉴얼
모든 jQuery 순회 메서드를 알고 싶다면, 우리의 jQuery 순회 참조 매뉴얼。
