• 코드:
​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() {         // <p>요소를 모두 선택함.
11
                $("span").css("fontSize", "28px");  // <span>요소를 모두 선택함.
12
            });
13
        });
14
    </script>
15
</head>
16
​
17
<body>
18
​
19
    <h1>HTML 태그 선택자</h1>
20
​
21
    <p>이제부터 <span>제이쿼리</span>를 다 같이 공부해보죠!!<br>
22
    마우스로 글씨를 클릭해보세요!!</p>
23
24
</body>
25
​
26
</html>