[jQuery] jQuery: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(事件类型，事件处理函数名称)