jQuery off()方法解除系結事件

既然存在系結事件，那肯定也存在對應的解綁事件。系結事件和解綁事件是相反的操作。在 jQuery 中，我們可以使用 off() 方法來解除元素系結的事件。jQuery 的 off() 方法，有點類似於 JavaScript 的 removeEventListener() 方法。

語法：

$().off(type)

type 是可選引數，它是一個字串，表示事件型別。例如單擊事件是 "click"，按下事件是 "mousedown"，以此類推。如果引數被省略，就表示移除當前元素中的所有事件。

off() 方法不僅可以用來解除使用“基本事件”方式新增的事件，還可以用來解除使用“係結事件”方式新增的事件。

舉例：解除使用“基本事件”方式新增的事件

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            //新增事件
            $("#btn").click(function(){
                alert("C語言中文網，給你初戀般的感覺")
            })
            //解綁事件
            $("#btn_off").click(function(){
                $("#btn").off("click");
            });
        })
    </script>
</head>
<body>
    <input id="btn" type="button" value="按鈕"><br/>
    <input id="btn_off" type="button" value="解除"/>
</body>
</html>

預覽效果如圖 1 所示。

圖 1：解除使用“基本事件”方式新增的事件