您好,登錄后才能下訂單哦!
今天小編給大家分享一下jquery中的off怎么用的相關知識點,內容詳細,邏輯清晰,相信大部分人都還太了解這方面的知識,所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。
在jquery中,off()方法用于移除元素上綁定的一個或多個事件的事件處理函數;通常用于移除通過on()添加的事件處理程序,語法為“元素對象.off(從被選元素移除的事件或命名空間,selector,當事件發生時運行的函數,map)”。
本教程操作環境:windows10系統、jquery3.2.1版本、Dell G3電腦。
off()方法用于移除元素上綁定的一個或多個事件的事件處理函數。
off() 方法通常用于移除通過 on() 方法添加的事件處理程序。
自 jQuery 版本 1.7 起,off() 方法是 unbind()、die() 和 undelegate() 方法的新的替代品。該方法給 API 帶來很多便利,我們推薦使用該方法,它簡化了 jQuery 代碼庫。
如需移除指定的事件處理程序,當事件處理程序被添加時,選擇器字符串必須匹配 on() 方法傳遞的參數。
如需添加只運行一次的事件然后移除,請使用 one() 方法。
語法如下:
$(selector).off(event,selector,function(eventObj),map)
參數如下:
event 必需。規定要從被選元素移除的一個或多個事件或命名空間。由空格分隔多個事件值。必須是有效的事件。
selector 可選。規定添加事件處理程序時最初傳遞給 on() 方法的選擇器。
function(eventObj) 可選。規定當事件發生時運行的函數。
map 規定事件映射 ({event:function, event:function, ...}),包含要添加到元素的一個或多個事件,以及當事件發生時運行的函數。
示例如下:
<!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>
輸出結果:
以上就是“jquery中的off怎么用”這篇文章的所有內容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會為大家更新不同的知識,如果還想學習更多的知識,請關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。