트래버스

“이동”을 의미하는 jQuery 탐색은 다른 요소와의 관계를 기반으로 HTML 요소를 “찾기”(또는 선택)하는 데 사용된다.
하나의 선택 항목으로 시작하여 원하는 요소에 도달할 때까지 해당 선택 항목을 통해 이동한다.

아래 이미지는 HTML 페이지를 DOM 트리로 보여준다.
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을 탐색할 수 있는 다양한 방법을 제공한다.

순회 방법의 가장 큰 범주는 트리 순회다.

Mingg`s Diary

밍구

공부 목적 블로그

https://maz.kr

모든 포스트 보기