Chapter 03. 노드 다루기 - 노드 찾기. Lesson 03. 자식 노드 찾기

Chapter 03. 노드 다루기 - 노드 찾기 

Lesson 03. 자식 노드 찾기

- 핵심 01 : 모든 자식 노드 찾기

- 핵심 02 : 특정 자식 노드만 찾기

- 핵심 03 : 첫 번째 자식 노드 찾기

- 핵심 04 : 마지막 자식 노드 찾기

- 핵심 05 : n번째 자식 노드 찾기

- 핵심 01 : 모든 자식 노드 찾기

사용법 : $대상.children()

특정 노드의 바로 하위에 위치한 모든 자식 노드를 찾고 싶을 때 children() 메서드를 사용합니다

* children() vs contents() // 텍스트 노드를 포함해서 구하지않느냐 vs 구하느냐

chilren()은 자식 노드 중 오직 태그만을 골라 찾아 줍니다.

content()는 태그 노드는 물론 텍스트 노드 등의 모든 자식 노드를 자식 노드로 찾아 줍니다

(실무에서는 contents()를 사용하지 않지만, 가끔씩 사용한다.)

예제 01. #samplePage의 바로 하위 자식 노드만을 찾아 border를 "4px solid #f00"으로 변경해 주세요.

$(document).ready(function() 
{
    $("#samplePage").children().css("border","4px solid #f00");
    console.log($("#samplePage").children().length); // 테스트 
});