• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>jQuery Event Method</title>
7
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
8
    <script>
9
        $(function() {
10
            $("button").click(function() {      // 모든 <button>요소에 click 이벤트를 설정함.
11
                $("#clickText").css("color", "red");
12
                $("#dblclickText").css("color", "black");
13
            });
14
            $("button").dblclick(function() {   // 모든 <button>요소에 dblclick 이벤트를 설정함.
15
                $("#dblclickText").css("color", "red");
16
                $("#clickText").css("color", "black");
17
            });
18
        });
19
    </script>
20
</head>
21
​
22
<body>
23
​
24
    <h1>.dblclick() 메소드</h1>
25
    <p>버튼을 <span id="clickText">클릭</span>하거나 <span id="dblclickText">더블 클릭</span>해 보세요!</p>
26
    <button>클릭해 보세요!</button>
27
28
</body>
29
​
30
</html>