jQuery如何使用unbind方法

這篇文章主要介紹jQuery如何使用unbind方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

一、前言

unbind方法只能解綁用jQuery的bind方法以及用jquery方法注冊的事件處理程序。比如：$(‘a').click(function(){})可以通過unbind解綁。用原生addEventListener以及IE下的attachEvent注冊的事件以及使用onclick/onmouseover屬性綁定的事件不能通過unbind進行解綁。

例如：

以下的事件可以通過unbind解綁：

$('a').click(function(){});
$('a').bind('click',function(){})

以下的事件不可以通過unbind解綁

var a = document.getElementById('a');
a.addEventListener(a,function(){},false);
a.onclick = function(){}

二、使用方式：

傳入一個或者多個事件名稱字符串，可以解綁該元素上指定的處理事件。

例如：

 //解綁所有a上的click事件
  $('a').unbind('click');
  //解綁a上的所有mouseover以及mouseoverout事件
  $('a').unbind('mouseover mouseout');

以上方式比較粗暴，如果在多模塊開發中，可能會直接把別的模塊注冊的處理函數給解綁了。所以可以采用命名空間的方式進行解綁。

例如：

  $('a').unbind('click.myspace')
  $('a').unbind('mouseover.myspace,mouseout.myspace)

使用事件處理程序的引用進行解綁。此時第一個參數是事件名稱，第二個參數是事件處理函數名稱

function handler(){
  alert('hello');
}
$('a').bind('click',handler);
$('a').unbind('click',handler);

傳入一個對象給unbind，取消該對象的所有key的名稱對應的事件，value是綁定的事件處理函數名稱。如下： 

 $('a').unbind({
    mouseover: mouseoverHandler,
    mouseout: mouseoutHandler
  });

傳入一個jQuery Event對象給unbind，也可以解綁該event對應的處理函數。例如：

$('a').click(function(event){
    if(條件滿足){
      $('a').unbind(event);
    }
  });

注意：調用unbind(event)方法就相當于調用unbind(事件類型，事件處理函數名稱)

以上是“jQuery如何使用unbind方法”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！