在jQuery中,既然存在綁定事件,那肯定也存在對應的解綁事件。“綁定”與“解綁”是相反的關系。在jQuery中,我們可以通過off()方法解除綁定的某一指定的事件或者所有事件。
語法:
$().off(type)
說明:
type為必選參數,表示事件類型,例如單擊事件是“click”,雙擊事件是“dbclick”,以此類推。注意一下,這裡type是一個字符串。
舉例:
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="../App_js/jquery-1.12.0.min.js"></script>
<script type="text/javascript">
$(function () {
//為btn添加click事件
$("#btn").click(function () {
alert(" 學習網jQuery入門教程!");
})
//點擊btn-off後,為btn解除click事件
$("#btn-off").click(function () {
$("#btn").off("click");
})
})
</script>
</head>
<body>
<input id="btn" type="button" value="按鈕"/><br />
<input id="btn-off" type="button" value="按鈕"/><br />
</body>
</html>
在浏覽器預覽效果如下:
分析:
當我們點擊“解綁”按鈕之後,就會把另外一個按鈕所綁定的click事件給解除。
此外,off()方法不僅可以解綁“使用綁定事件所添加的事件”,還可以解綁“使用基本事件所添加的事件”。