[Jquery] 하위요소 선택, children

jquery로 하위 요소를 선택하는 첫 번째 방법은 아래와 같다.

 

        $(document).ready(function(){
            $("#wrap>h1").css("color","red")
        })

        $(document).ready(function(){
            $("#wrap h1").css("color","red")
        })

 

위의 첫번째 코드는 한 칸 아래의 h1을 선택하고, 두 번째 코드는 하위에 있는 모든 h1을 선택한다.

 

두 번째 방법은 children을 사용하는 것인데 방법은 다음과 같다.

 

        $(document).ready(function(){
            $("#wrap>section").children().css("color","red")
        })

 

이렇게 하면 section의 모든 자식 요소들의 color를 red로 바꾼다.