• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>jQuery Style</title>
7
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
8
    <script>
9
        $(function() {
10
            $("#fontSize").on("click", function() {
11
                $("p").css("fontSize", "25px");     // 자바스크립트와 제이쿼리 둘 다 사용할 수 있음.
12
            });
13
            $("#backgroundColor").on("click", function() {
14
                $("p").css("background-color", "red");  // 제이쿼리에서만 사용할 수 있음.
15
            });
16
        });
17
    </script>
18
</head>
19
​
20
<body>
21
​
22
    <h1>.css() 메소드</h1>
23
    <p>이 단락에 여러 CSS 스타일을 적용해 보아요!</p>
24
    <button id="fontSize">font-size 변경!</button>
25
    <button id="backgroundColor">backgroundColor 변경!</button>
26
27
</body>
28
​
29
</html>