• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>jQuery Event</title>
7
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
8
    <script>
9
        $(function() {
10
            $("#clickBtn").on("click", function() {     // id가 "clickBtn"인 요소를 클릭했을 때 실행됨.
11
                $("#text").append("버튼을 클릭했어요!<br>");
12
            });
13
            $("#removeBtn").on("click", function() {
14
                $("#clickBtn").off("click");            // id가 "clickBtn"인 요소의 클릭 이벤트와의 연결을 제거함.
15
            });
16
        });
17
    </script>
18
</head>
19
​
20
<body>
21
​
22
    <h1>.off() 메소드</h1>
23
    <button id="clickBtn">마우스를 클릭해 보세요!</button>
24
    <button id="removeBtn">클릭 이벤트를 제거합니다!</button>
25
    <p id="text"></p>
26
27
</body>
28
​
29
</html>