최신 웹 개발 튜토리얼
 

jQuery이송 - 자손을

❮ 이전 다음 장 ❯

후손 등 자식, 손자, 증손자이며,.

jQuery를 사용하면 요소의 후손을 찾기 위해 DOM 트리를 통과 할 수 있습니다.

DOM을 나무 아래로 이송

DOM 트리를 통과하는 두 가지 유용한 jQuery를 방법은 다음과 같습니다 :

  • children()
  • find()

jQuery를 children() 메소드

children() 메서드는 선택된 요소의 모든 직접 아이를 돌려줍니다.

이 방법은 DOM 트리 아래 하나의 레벨을 통과.

다음의 예는 각각의 직계 자식 인 모든 요소를 반환 <div> 요소를 :

예

$(document).ready(function(){
    $("div").children();
});
»그것을 자신을 시도

또한 어린이에 대한 검색을 필터링하는 선택적 매개 변수를 사용할 수 있습니다.

다음 예는 모든 반환 <p> 클래스 이름을 가진 요소 "first" 직접 자녀, <div> :

예

$(document).ready(function(){
    $("div").children("p.first");
});
»그것을 자신을 시도

의 jQuery find() 메소드

find() 메소드가 반환 선택한 요소의 요소, 마지막 후손에 이르기까지 모든 방법을 자손.

다음 예는 모든 반환 <span> 의 후손 요소 <div> :

예

$(document).ready(function(){
    $("div").find("span");
});
»그것을 자신을 시도

다음 예제의 모든 자손을 반환 <div> :

예

$(document).ready(function(){
    $("div").find("*");
});
»그것을 자신을 시도

연습으로 자신을 테스트!

연습 1» 운동 2» 운동 3» 운동 4»

jQuery를 이송 참조

모든 jQuery를 이송 방법의 전체 개요는, 우리로 이동하시기 바랍니다 jQuery를 이송 참조 .


❮ 이전 다음 장 ❯