首頁 > 文章 > web前端 > jquery中off的用法是什麼

jquery中off的用法是什麼

WBOY原創: 2022-04-15 18:08:543580瀏覽

在jquery中，off()方法用於移除元素上綁定的一個或多個事件的事件處理函數；通常用於移除透過on()新增的事件處理程序，語法為「元素物件.off(從被選元素移除的事件或命名空間,selector,當事件發生時運行的函數,map)」。

jquery中off的用法是什麼

本教學操作環境：windows10系統、jquery3.2.1版本、Dell G3電腦。

jquery中off的用法是什麼

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的用法是什麼

相關影片教學推薦：jQuery視頻教程

以上是jquery中off的用法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！

jquery 命名空间 die 字符串 Event map function 对象事件选择器

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：ES6怎麼修改陣列中的某個元素下一篇：ES6怎麼修改陣列中的某個元素

看更多