jQuery绑定事件的覆盖

ECMAscript中，事件的绑定是叠加式，而不是很多人想象的覆盖式。如：

$('button').click(function(){
    alert("first");
});
$('button').click(function(){
    alert("second");
});

点击button之后，会先弹出first弹出框，再弹出second弹出框（而不是只弹出second弹出框）。

而很多时候，我们希望执行某函数、做出某些判断之后，为元素重新绑定事件，而不是同时保留多个事件监听。（比如：输入密码之前，点击“登录”提示“输入密码”，密码验证成功后点击“登录”提示“登录成功”）

下面介绍两种方法可以实现绑定事件覆盖效果：
(我要来秀我的成语水平了，前方高能，非战斗人员迅速撤离)

1.起死回生法

$('button').die().live('click',function(){
//新的绑定事件
});

先使用die()方法移除所有通过live()方法向元素添加的事件处理程序,再通过live()方法绑定新的事件。
这种方法有个前提，那就是被覆盖的方法也必须是通过live()方法绑定的，否则die()方法“杀不死”它们，会完全没有效果。

2.欲擒故纵法

$("button").unbind('click').click(function(){
//新的绑定事件
});

和第一种方法类似，先使用unbind()方法移除所有元素的事件处理程序,再绑定新的事件（后面可以改成bind()方法进行绑定）。
这种方法也有个前提，那就是被覆盖的方法如果是通过live()方法绑定的，会没有效果。

相信一定有多事的小伙伴要问了，到底什么时候用bind()方法或者live()方法？两者的区别是什么？
然而我要下班了，这个问题有点复杂，我会留到下一篇文章和大家一起探索。