[jQuery] 순회(탐색)메소드 란?

➰ Ancestors(조상) 메소드 : 선택된 요소의 상위 요소들을 선택할 수 있는 메소드

1. $("요소명").parent()
   • 선택된 요소의 바로 위 상위 요소
2. $('요소명').parents([매개변수])
   • 선택된 요소의 모든 상위 요소 리턴
   • 매개변수가 있으면 매개변수와 일치하는 부모만 리턴
3. $('요소명').parentsUntil(매개변수)
   • 선택된 요소부터 매개변수 요소 전까지 범위의 요소 리턴

➰  descendants(자손, 후손) 메소드 : 선택된 요소의 하위 요소들을 선택할 수 있는 메소드

1. $('요소명').children([매개변수])
   • 선택된 요소의 모든 자식 객체 리턴
   • 매개변수가 있으면 매개변수와 일치하는 자식 객체만 리턴
   • 연속해서 사용 가능
2. $('요소명').find(매개변수)
   • 선택된 요소의 인자와 일치하는 모든 후손 객체 리턴

➰  sideways(옆으로, 옆에서) 메소드 : 같은 레벨에 있는 요소(형제)를 선택할 수 있는 메소드

 

1. $('요소명').siblings([매개변수])
   • 선택된 요소와 같은 레벨(형제)에 있는 모든 요소 리턴
   • 매개변수가 있으면 같은 레벨에 있는 요소 중 매개변수와 일치하는 모든 요소 리턴
2. $('요소명').next()
   • 선택된 요소의 같은 레벨 중 선택된 요소 다음 한 개 요소 리턴
3. $('요소명').nextAll()
   • 선택된 요소의 같은 레벨 중 선택된 요소 다음의 모든 요소 리턴
4. $('요소명').nextUntil(매개변수)
   • 선택된 요소의 같은 레벨 중 매개변수 이전 까지의 모든 요소 리턴

1. $('요소명').prev()
   • 선택된 요소의 같은 레벨 중 선택된 요소 이전 한 개 요소 리턴
2. $('요소명').prevAll()
   • 선택된 요소의 같은 레벨 중 선택된 요소 이전의 모든 요소 리턴
3. $('요소명').prevUntil(매개변수)
   • 선택된 요소의 같은 레벨 중 매개변수 이전 까지의 모든 요소 리턴

---

💡

• JS 객체를 매개변수로 전달하는  방법
  .css({K : V, K : V})
• is("CSS 선택자")
  지정된 범위 내에 매개변수로 지정된 선택자와 일치하는 요소가 존재하는지 확인하는 메소드
  존재하면 true, 존재하지 않으면 fasle를 반환 

h2 태그 이전에 있는 모든 형제 요소 중 p 태그가 있는지 확인
console.log($("h2").prevAll().is("p"));