Web/jquery

[제이쿼리] .children() / .parent()

아랄라랄라 2018. 5. 15. 14:52

.children()


.children()함수는 DOM 트리에서 자식 요소들을 즉시 찾을 수 있도록 해주고 일치되는 요소들을 새로운 jQuery 객체로 만들어 줍니다. .find()와 .children()함수는 아주 유사하지만 DOM 트리에서 레벨 1의 위치-첫번째 깊이-만 검색을 하는 부분에서 차이점이 있습니다.


.find()함수는 선택요소의 내부 요소들을 모두 검색하고 .children()함수는 바로 아래 수준의 요소만 자식요소로 인정합니다.


.children()함수는 text나 주석(comment)들은 반환하지 않습니다. 만약 텍스트 노드나 주석 요소도 반환하고 싶으면 .contains()함수를 사용해야 합니다.


.children([selector])

selector 일치하는 요소들 중에서 추가적으로 선택할 수 있는 선택자 문자열


https://jsfiddle.net/Kimara/1sgnmgzk/4/




.parent()

선택자에 의해 걸러진 요소집합의 각 요소들의 부모요소를 찾습니다.

.parent()함수는 DOM 트리를 구성하는 요소들의 부모들을 찾아서 새로운 jQuery 객체 집합을 구성해 줍니다. .parents()와 .parent() 는 비슷하지만 DOM의 깊이가 단일이냐 그 이상이냐의 차이가 있습니다.

https://jsfiddle.net/Kimara/5kryoj83/2/


728x90