[jQuery] 기본 선택자

jQuery

[jQuery] 기본 선택자

사악미소 2015. 11. 16. 23:27

[jQuery] 기본 선택자

selector-1.html

<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>jQuery 선택자</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function() {

        // 태그선택자
        jQuery("h2").css("background-color", "#FF0000");

        // class 선택자 : . 으로 시작
        jQuery(".item").css("background-color", "#008000");

        // id 선택자 : # 으로 시작
        jQuery("#item").css("background-color", "#00ffff");
    });
</script>
</head>
<body>
    <h1>jQuery 선택자</h1>
    <hr/>
    <h2>jQuery Selector 연습 - 1</h2>
    <h2 class="item">jQuery Selector 연습 - 2</h2>
    <h2 id="item">jQuery Selector 연습 - 3</h2>
</body>
</html>

출력결과

저작자표시