[jquery] .children() / 선택한 요소의 자식 요소를 선택하는 메소드

.children()이란?

---

.children()은 어떤 요소의 자식 요소를 선택합니다.

---

.children() : 문법 

---

기본 형태는 아래와 같습니다.

.children( [selector] )

---

(1) $().children() : 자식 요소 선택

See the Pen Untitled by 안중현 (@pogba10) on CodePen.

$('ul').children('li'); // return 'li' 배열(li 두개)

ul 요소의 자식 요소인 li를 선택합니다.

---

(2) $().children().css() : css 변경

ul 요소의 자식 요소 중 ip를 클래스 값으로 가지는 요소의 색을 빨간색으로 만듭니다. p 요소도 ip를 클래스 값으로 갖고 있지만, ul 요소의 자식 요소가 아니어서 선택되지 않습니다

See the Pen Untitled by 안중현 (@pogba10) on CodePen.

$( 'ul' ).children().css( 'color', 'blue' );

ul 요소의 자식 요소의 색을 파란색으로 만듭니다.

$( 'ul' ).children('.ip').css('color', 'blue');

ul 요소의 자식 요소 중 클래스 값으로 bl을 가진 p 요소의 색을 파란색으로 만듭니다.

---

출처 :  https://www.codingfactory.net/10290 
출처 : https://urliveblogger.blogspot.com/2021/01/jquery-children.html