在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()方法不僅可以解綁“使用綁定事件所添加的事件”,還可以解綁“使用基本事件所添加的事件”。