[jQuery] jQuery DOM 계층 구조를 활용한 셀렉터(Selector) 사용법

이전글[jQuery] jQuery DOM 셀렉터(Selector) 기본 사용법DOM 계층 구조를 활용한 셀렉터 사용법DOM은 다음과 같이 트리 구조를 갖기 때문에 부모와 자식 조상과 후손으로 상대적인 계층 구조가 생성됩니다. 예를들어 H1의 부모는 BODY이고 형제로는 P가 있습니다. jQuery 선택자는 이러한 계층구조를 조건으로 하여 세밀한 DOM 탐색을 할 수 있도록 제공합니다.실습 예제body 구조는 다음과 같습니다.자식(Child) 선택자만약 body 태그 구성이 위와 같은 경우 body 의 자식중 태그를 선택하는 방법은 다음과 같이 > 를 사용하는 것입니다.body의 자식중 b를 선택했기 때문에 span 하위의 네번째 b는 선택되지 않았습니다.후손(Descendant) 선택자이번에는 body..