站長資訊網(wǎng)
在jquery中，off()方法用于移除元素上綁定的一個或多個事件的事件處理函數(shù)；通常用于移除通過on()添加的事件處理程序，語法為“元素對象.off(從被選元素移除的事件或命名空間,selector,當(dāng)事件發(fā)生時運行的函數(shù),map)”。
本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
jquery中off的用法是什么
off()方法用于移除元素上綁定的一個或多個事件的事件處理函數(shù)。
off() 方法通常用于移除通過 on() 方法添加的事件處理程序。
自 jQuery 版本 1.7 起，off() 方法是 unbind()、die() 和 undelegate() 方法的新的替代品。該方法給 API 帶來很多便利，我們推薦使用該方法，它簡化了 jQuery 代碼庫。
如需移除指定的事件處理程序，當(dāng)事件處理程序被添加時，選擇器字符串必須匹配 on() 方法傳遞的參數(shù)。
如需添加只運行一次的事件然后移除，請使用 one() 方法。
語法如下：
$(selector).off(event,selector,function(eventObj),map)
參數(shù)如下：
-
event 必需。規(guī)定要從被選元素移除的一個或多個事件或命名空間。由空格分隔多個事件值。必須是有效的事件。
-
selector 可選。規(guī)定添加事件處理程序時最初傳遞給 on() 方法的選擇器。
-
function(eventObj) 可選。規(guī)定當(dāng)事件發(fā)生時運行的函數(shù)。
-
map 規(guī)定事件映射 ({event:function, event:function, …})，包含要添加到元素的一個或多個事件，以及當(dāng)事件發(fā)生時運行的函數(shù)。
示例如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("p").on("click",function(){ $(this).css("background-color","pink"); }); $("button").click(function(){ $("p").off("click"); }); }); </script> </head> <body> <p>點擊這個段落修改它的背景顏色。</p> <p>點擊一下按鈕再點擊這個段落( click 事件被移除 )。</p> <button>移除 click 事件句柄</button> </body> </html>
輸出結(jié)果：
相關(guān)視頻教程推薦：jQuery視頻教程
