jQuery w3schools 한글판 강좌65-jQuery횡단(가로지르기)

횡단(traversing)은 무엇인가?

통과해서 지나기를 뜻하는  jQuery 횡단은 다른 요소와의 관계에 기반해서 HTML요소를 찾거나 또는 선택 하는데 쓰입니다  

한개 선택으로 시작해서 당신이 원하는 요소에 도달할때 까지 그 선택한것을 통과하세요

아래 그림은 가족트리(tree)를 보여줍니다. 

jQuery 횡단을 이용하면, 가족트리에서 쉽게 위(조상)으로 이동할수있고, 아래(자손)로 그리고 옆(형제들)로 이동할 수 있습니다

시작은 선택된(현재의) 요소로부터 하는 것 입니다.

이러한 이동은 횡단이라 불리거나 또는 DOM 통과이동이라 불립니다. 

그림은 다음을 설명합니다:

• <div> 요소는  <ul>의 부모이며, 그안의 모든것들의 조상이 됩니다
• <ul> 요소는 두 <li>요소의 부모이며, <div>의 자식이 됩니다.
  
• 왼쪽 <li>요소는 <span>의 부모이며,<ul>의 자식이고, <div>의 자손입니다.
  
• <span> 요소는 왼쪽 <li>의 자식이고 <ul>과 <div>의 자손입니다.
  
• 두 <li> 요소들은 형제입니다(같은 부모아래에 있습니다.)
• 우측 <li> 요소는 <br>의 부모이며, <ul>의 자식이고 <div>의 자손입니다.
  
• <b> 요소는 우측 <li>의 자식이며,<ul> 과 <div>의 자손입니다.