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

본문 바로가기

사이트 내 전체검색

뒤로가기 Javascript

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

페이지 정보

작성자 너갱이 작성일 19-12-26 14:46 조회 1,606 댓글 0

본문

 


상위(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()선택한 요소 중에서 전달받은 인덱스 범위에 해당하는 요소만을 선택함.

 

댓글목록 0

등록된 댓글이 없습니다.

Copyright © 소유하신 도메인. All rights reserved.

사이트 정보

회사명 : 회사명 / 대표 : 대표자명
주소 : OO도 OO시 OO구 OO동 123-45
사업자 등록번호 : 123-45-67890
전화 : 02-123-4567 팩스 : 02-123-4568
통신판매업신고번호 : 제 OO구 - 123호
개인정보관리책임자 : 정보책임자명

PC 버전으로 보기