溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

jquery中的off怎么用

發(fā)布時間:2022-04-16 10:16:31 來源:億速云 閱讀:326 作者:iii 欄目:web開發(fā)

今天小編給大家分享一下jquery中的off怎么用的相關(guān)知識點,內(nèi)容詳細,邏輯清晰,相信大部分人都還太了解這方面的知識,所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。

在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é)果:

jquery中的off怎么用

以上就是“jquery中的off怎么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會為大家更新不同的知識,如果還想學(xué)習(xí)更多的知識,請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI