[daily study] jQuery 조회 범위 제한

*본 글은 생활코딩 강의를 듣고 복습을 위해 작성하였습니다.




<ul>
    <li class="marked">html</li>
    <li>css</li>
    <li id="active">JavaScript
        <ul>
            <li>JavaScript Core</li>
            <li class="marked">DOM</li>
            <li class="marked">BOM</li>
        </ul>
    </li>
</ul>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
    $( ".marked", "#active").css( "background-color", "red" );
    $( "#active .marked").css( "background-color", "red" );
    $( "#active").find('.marked').css( "background-color", "red" );
    $('#active').css('color','blue').find('.marked').css( "background-color", "red" );
</script>

👉 위의 태그들은 다 같은 결과를 불러온다.




*본 글은 생활코딩 jQuery 조회 범위 제한 페이지에서 이론적인 부분을 가져왔음을 밝힙니다.

출처 : https://opentutorials.org/course/1375/6697

좋은 웹페이지 즐겨찾기