5分钟了解jQuery绑定事件的覆盖-职坐标

5分钟了解jQuery绑定事件的覆盖

沉沙 2018-07-18 来源：阅读 1634 评论 0

摘要：本篇jQuery教程探讨了jQuery绑定事件的覆盖，希望阅读本篇文章以后大家有所收获，帮助大家对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()方法绑定的，会没有效果。

本文由职坐标整理发布，更多相关内容，请关注职坐标WEB前端jQuery频道！

tp5.0开发手册 jquery中文手册 jquery参考手册

本文由 @沉沙发布于职坐标。未经许可，禁止转载。

喜欢 | 0

不喜欢 | 0

看完这篇文章有何感觉？已经有0人表态，0%的人喜欢快给朋友分享吧~

后参与评论

加入IT交流圈

JAVA工程师交流群 +加入

大数据架构师交流群 +加入

人工智能Python交流群 +加入

WEB/H5前端交流群 +加入

WEB前端 直通车

海同师资推荐更多>>

热门就业培训班更多>>

jQuery30天热搜词更多>>