• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>jQuery Element Selection</title>
7
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
8
    <script>
9
        $(function() {
10
            $("p").on("click", function() {
11
                $(".jq").css("backgroundColor", "lightgray");   // 클래스가 "jq"인 요소를 모두 선택함.
12
            });
13
        });
14
    </script>
15
</head>
16
​
17
<body>
18
​
19
    <h1>클래스 선택자</h1>
20
​
21
    <p class="jq">이제부터 제이쿼리를 다 같이 공부해보죠!!</p>
22
    <p class="jq">클래스 선택자로 특정 요소들을 한 번에 선택할 수 있어요!!</p>
23
    <p>마우스로 글씨를 클릭해보세요!!</p>
24
25
</body>
26
​
27
</html>