[jQuery] 요소의 탐색, 형제 선택 / 부모 선택 / 자식 선택

#jQuery  #javascript #형제선택자

 

 

안녕하세요. Gi-1의 개발일기입니다.

홈페이지를 만들다보면 형제선택, 부모선택, 자식선택 등 정말 다양하고 유용하게 사용 하는데요.

많이 사용해도 상황에 따라 자꾸만 검색하게 되어 포스팅 남깁니다.

 

[형제선택]

sibligns()	지정한 모든 형제 선택자를 선택함
next()	선택한 요소 바로 다음 위치해 있는 선택자를 선택함
nextAll()	선택한 요소 다음 위치해 있는 선택자를 모두 선택함
nextUntil()	선택한 요소 ~ 지정한 선택자 바로 이전까지의 요소를 모두 선택함
prev()	선택한 요소 바로 이전에 위치해 있는 선택자를 선택함
prevAll()	선택한 요소의 이전에 위치해 있는 선택자를 모두 선택함
prevUntil()	선택한 요소 ~ 지정한 선택자 바로 다음까지의 요소를 모두 선택함

 

 

[부모 선택(상위 요소 선택)]

parent()	선택한 요소 바로 위에 위치해 있는 선택자를 선택함
parents()	선택한 요소의 상위에 위치해 있는 모든 선택자를 선택함
parentsUntil()	선택한 요소 ~ 지정한 선택자 바로 이전까지의 요소를 모두 선택함
closet()	선택한 요소의 상위에 위치한 요소중 가장 가까운 선택자를 선택함

 

 

[자식 선택(하위 요소 선택)]

children()	선택한 요소의 바로 아래 요소를 선택함.
find()	선택한 요소의 자손 요소 중 선택자에 해당하는 요소를 모두 선택함.