• 코드:
​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("border", "2px solid orange");     // 아이디가 "jq"인 요소를 선택함.
12
            });
13
        });
14
    </script>
15
</head>
16
​
17
<body>
18
​
19
    <h1>아이디 선택자</h1>
20
​
21
    <p id="jq">이제부터 제이쿼리를 다 같이 공부해보죠!!</p>
22
    <p>마우스로 글씨를 클릭해보세요!!</p>
23
24
</body>
25
​
26
</html>