Descendants
jQuery를 사용하면 DOM 트리를 탐색하여 요소의 자손을 찾을 수 있다.
자손이란 자녀, 손자, 증손자 등을 말한다.
DOM 트리 탐색
DOM 트리를 탐색하는 데 유용한 두 가지 jQuery 방법은 다음과 같다.
- children()
- find()
jQuery children()
children()메서드는 선택한 요소의 모든 직계 하위 항목을 반환한다.
이 방법은 DOM 트리 아래로 단일 수준만 통과한다.
예제 1
$(document).ready(function(){
$("div").children();
});
기본 예시
예제 보기예제 2
$(document).ready(function(){
$("div").children("p.first");
});
기본 예시
예제 보기jQuery find()
find()메서드는 선택한 요소의 하위 요소를 마지막 하위 항목까지 반환한다.
예제 1
$(document).ready(function(){
$("div").find("span");
});
기본 예시
예제 보기예제 2
$(document).ready(function(){
$("div").find("*");
});
기본 예시
예제 보기참고
W3C School - jQuery Traversing - Descendants
jQuery 시작하기
공부 목적 블로그