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

$(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( );

unbind()函数还可以根据传入的事件对象来移除函数。以下jQuery代码只允许第一次点击按钮【点击1】时弹出提示框，之后立即移除该点击事件。

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

以上这篇浅析jquery unbind()方法移除元素绑定的事件就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。