메인메뉴 바로가기

HOME으로 가기


Javascript

제이쿼리 | 제이쿼리 총정리(2) - 요소의 탐색

본문

 


상위(ancestor:조상) 요소의 탐색
.parent()선택한 요소의 부모(parent) 요소를 선택한다.
.parents()선택한 요소의 상위(ancestor) 요소를 모두 선택한다.
.parentsUntil()선택한 요소의 상위 요소 중에서 지정한 선택자에 해당하는 요소 바로 이전까지의 요소를 모두 선택한다.
.closest()선택한 요소를 포함한 상위 요소 중에서 지정한 선택자에 해당하는 요소 중 가장 첫 번째 요소를 선택한다.

 


하위(descendant:자손) 요소의 탐색
.children()선택한 요소의 자식(child) 요소를 모두 선택한다.
.find()선택한 요소의 자손(descendant) 요소 중에서 전달받은 선택자에 해당하는 요소를 모두 선택한다.

 

 

 


형제(sibling) 요소의 선택
.siblings()선택한 요소의 형제(sibling) 요소 중에서 지정한 선택자에 해당하는 요소를 모두 선택한다.
.next()선택한 요소의 바로 다음에 위치한 형제 요소를 선택한다.
.nextAll()선택한 요소의 다음에 위치한 형제 요소를 모두 선택한다.
.nextUntil()선택한 요소의 형제 요소 중에서 지정한 선택자에 해당하는 요소 바로 이전까지의 요소를 모두 선택한다.
.prev()선택한 요소의 바로 이전에 위치한 형제 요소를 선택한다.
.prevAll()선택한 요소의 이전에 위치한 형제 요소를 모두 선택한다.
.prevUntil()선택한 요소의 형제 요소 중에서 지정한 선택자에 해당하는 요소 바로 다음까지의 요소를 모두 선택한다.

 


기타 탐색 메소드
.add()선택한 요소에 다른 요소를 추가 선택한다.
.addBack()선택한 요소의 집합에 바로 전에 선택했던 요소를 추가한다.
.each()선택한 요소들을 각 요소마다 전달받은 콜백 함수를 반복 실행한다.
.end()마지막으로 실행한 메소드의 실행 전 상태로 선택한 요소의 집합을 복원한다.
.offsetParent()DOM 트리에 존재하는 부모요소들 중 위치(positioned)요소를 기준으로 가장 가까운 요소를 찾아서 요소를 선택한다.
.contents()선택한 요소의 자식(child) 요소를 모두 선택한다. (텍스트 노드와 주석 노드까지 모두 포함함)

 


필터링(filtering) 메소드
.first()선택한 요소 중에서 첫 번째 요소를 선택함.
.last()선택한 요소 중에서 마지막 요소를 선택함.
.eq()선택한 요소 중에서 전달받은 인덱스에 해당하는 요소를 선택함.
.filter()선택한 요소 중에서 전달받은 선택자에 해당하거나, 함수 호출의 결과가 참(true)인 요소를 모두 선택함.
.not()선택한 요소 중에서 전달받은 선택자에 해당하거나, 함수 호출의 결과가 참(true)인 요소를 제외한 나머지 요소를 모두 선택함.
.has()선택한 요소 중에서 전달받은 선택자에 해당하는 요소를 자손 요소로 가지고 있는 요소를 모두 선택함.
.is()선택한 요소 중에서 전달받은 선택자에 해당하는 요소가 하나라도 존재하면 참(true)을 반환함.
.map()선택한 요소 집합의 각 요소마다 콜백 함수를 실행하고, 그 반환값으로 구성된 jQuery 객체를 반환함.
.slice()선택한 요소 중에서 전달받은 인덱스 범위에 해당하는 요소만을 선택함.

 

  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기