예
직접 자녀 요소를 돌려줍니다 <ul> :
$(document).ready(function(){
$("ul").children().css({"color": "red", "border": "2px
solid red"});
});
결과:
body (great-grandparent)
div (grandparent)
ul (parent)
- li (child)
span (grandchild)
»그것을 자신을 시도 정의 및 사용
children() 메서드는 선택된 요소의 모든 직접 아이를 돌려줍니다.
DOM 트리 :이 방법은 DOM 트리 아래 하나의 레벨을 통과. (손자 또는 다른 자손을 반환하는) 여러 레벨을 통과하기 위해 사용 find() 메소드를.
팁 : 사용 (부모 또는 다른 조상을 반환하는) 문서의 루트 요소까지 DOM 트리, 또는 모든 방법을 하나의 레벨을 통과하려면 parent() 또는 parents() 메소드를.
참고 :이 방법은 텍스트 노드를 반환하지 않습니다. 사용, 텍스트 노드를 포함한 모든 아이들을 반환하려면 contents() 메소드를.
통사론
$(selector).children( filter )| 매개 변수 | 기술 |
|---|---|
| filter | 선택 과목. 어린이를위한 검색 범위를 좁힐 수있는 선택 식을 지정합니다 |
그것을 자신을 시도 - 예를
모든 직접 아이들 반환 <ul>
어떻게 모든 직계 자식으로 돌아갑니다 <ul> 요소를.
검색 범위를 좁힐
어떻게 모든 돌아 필터 매개 변수를 사용하는 <li> 의 직접 자녀 "첫 번째"클래스 이름을 가진 요소, <ul> .
모든 반환 <p> 직접 자녀 요소 <div>
어떻게 모든 선택 <p> 부모의 직접 자녀 요소 <div> 요소를.
태그 이름으로 요소의 자손을보기
a의 자손 사람 보여주는 데모 <div> 요소가 실제로.