jQuery中off()刪除事件的案例

這篇文章將為大家詳細(xì)講解有關(guān)jQuery中off()刪除事件的案例，小編覺得挺實(shí)用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

off()是一種可以刪除在特定HTML元素中注冊的事件的方法。

我們先來看一個示例

$('button').click(function() {
    console.log('按鈕被點(diǎn)擊！');
})
$('a').on('click', function() {
    console.log('鏈接被點(diǎn)擊！');
})

這個例子中，在“按鈕元素”和“鏈接元素”中分別記述了點(diǎn)擊事件處理的狀態(tài)。

單擊時(shí)，將輸出控制臺指定的字符串。

這樣的時(shí)候，因?yàn)椴恍枰c(diǎn)擊事件處理，所以想動態(tài)地刪除的話off()就非常有用。

接下來我們就來看off()的使用方法

off()基本上是針對其事件被注冊的元素執(zhí)行的。

基本語法如下

對象元素.off( 事件名稱, 選擇器 )

可以看到對目標(biāo)元素執(zhí)行off()。

參數(shù)可以省略，但可以通過指定事件名稱來刪除特定事件。

另外，也可以通過設(shè)定選擇器來限制刪除對象的范圍。

刪除特定事件(click)的方法

假設(shè)有以下HTML。

<a href="#">鏈接</a>
<button>刪除</button>

這只是簡單的“鏈接元素”和“按鈕元素”各自被配置的狀態(tài)。

在此狀態(tài)下，單擊“鏈接元素”向控制臺輸出字符串時(shí)，如下所述。

$('a').on('click', function() {
  console.log('鏈接已被點(diǎn)擊！');
})

您可以看到使用on方法注冊單擊事件。

現(xiàn)在讓我們嘗試通過單擊“按鈕元素”刪除“鏈接元素”事件！

$('button').on('click', function() {
  $('a').off();
})

在此示例中，您可以看到在單擊事件處理中對鏈接元素執(zhí)行off()。

因此，在點(diǎn)擊按鈕元素的瞬間刪除鏈接元素的事件。

可以確認(rèn)，即使點(diǎn)擊鏈接元素也不向控制臺輸出任何信息。

關(guān)于jQuery中off()刪除事件的案例就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。