浅析jquery unbind()方法移除元素绑定的事件

<input id="btn1" type="button" value="点击1" /> <input id="btn2" type="button" value="点击2" /> <a id="a1" href="#">CodePlayer</a> 

function btnClick1(){   alert( this.value + "-1" ); }  function btnClick2(){   alert( this.value + "-2" ); }  var $buttons = $(":button");  // 为所有button元素的click事件绑定事件处理函数btnClick1 $buttons.bind( "click", btnClick1 );  // 为所有button元素的click事件绑定事件处理函数btnClick2 $buttons.bind( "click", btnClick2 );  // 为所有a元素的click、mouseover、mouseleave事件绑定事件处理函数 $("a").bind( "click mouseover mouseleave", function(event){   if( event.type == "click" ){     alert("点击事件");   }else if( event.type == "mouseover" ){     $(this).css("color", "red");   }else{     $(this).css("color", "blue");      } });   // 移除为所有button元素的click事件绑定的事件处理函数btnClick2 // 点击按钮，只执行btnClick1 $buttons.unbind("click", btnClick2);   // 移除为所有button元素的click事件绑定的所有事件处理函数(btnClick1和btnClick2) // 点击按钮，不会执行任何事件处理函数 // $buttons.unbind("click");   // 只移除为btn1元素的click事件绑定的所有事件处理函数  // btn2元素的click事件仍然有效 // $("#btn1").unbind("click");  // 移除为所有a元素的任何事件绑定的所有处理函数 // 点击链接，或用鼠标在链接上移入、移出，都不会触发执行任何事件处理函数 // $("a").unbind( ); 

var $btn1 = $("#btn1"); $btn1.bind("click", function(event){   alert("只执行一次!");   $(this).unbind( event ); // 移除当前事件处理函数  }); 此外，unbind()函数还可以只移除指定命名空间的事件绑定。  var $buttons = $(":button");  // 为所有button元素的click事件绑定事件处理函数 $buttons.bind( "click.foo.bar", function btnClick1(){   alert( "click-1" ); } );  // 为所有button元素的click事件绑定事件处理函数 $buttons.bind( "click.test.bar", function btnClick1(){   alert( "click-2" ); } );   // 移除包含命名空间foo的click事件绑定的事件处理函数 $buttons.unbind( "click.foo" ); // 移除click-1  //移除包含命名空间bar的click事件绑定的事件处理函数 // $buttons.unbind( "click.bar" ); // 移除click-1和click-2  //移除包含命名空间test的click事件绑定的事件处理函数 // $buttons.unbind( "click.test" ); // 移除click-2  // 移除所有button元素的click事件绑定的所有事件处理函数 // $buttons.unbind("click"); // 移除click-1和click-2