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

創(chuàng)新互聯(lián)公司主要從事網(wǎng)站建設(shè)、做網(wǎng)站、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)昭蘇,十載網(wǎng)站建設(shè)經(jīng)驗(yàn),價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220

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

我們先來看一個示例

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

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

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

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

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

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

基本語法如下

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

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

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

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

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

假設(shè)有以下HTML。

鏈接
刪除

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

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

$('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é)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

文章題目：jQuery中off()刪除事件的案例-創(chuàng)新互聯(lián)
當(dāng)前地址：http://weahome.cn/article/jhcgh.html