• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>jQuery Utility Method</title>
7
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
8
    <script>
9
        $(function() {
10
            var kitty = {
11
                name: "나비",
12
                family: "코리안 숏 헤어",
13
                age: 2
14
            }
15
            $("button").on("click", function() {
16
                $.each(kitty, function(key, value) {
17
                    $("#text").append("해당 객체의 " + key + " 프로퍼티의 값은 " + value + "입니다.<br>");
18
                });
19
            });
20
        });
21
    </script>
22
</head>
23
​
24
<body>
25
​
26
    <h1>$.each() 메소드</h1>
27
    <button>반복해서 출력하기!</button>
28
    <p id="text"></p>
29
30
</body>
31
​
32
</html>