여러분이 사용하고 계신 브라우저는 HTML5를 지원하지 않기 때문에 몇몇 요소가 제대로 보이도록 JScript를 사용하고 있습니다. 하지만 여러분의 브라우저 설정에서 스크립트 기능이 꺼져있으므로, 현재 페이지를 제대로 확인하시려면 스크립트 기능을 켜주셔야 합니다. jQuery – Traversing – 트래버스
jQuery – Traversing – 트래버스
6개월전 작성
7개월전 수정

트래버스

“이동”을 의미하는 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
밍구
공부 목적 블로그