【前端】jquery 事件绑定

99 阅读1分钟

jQuery中提供了四种绑定事件的方法,分别是bind、live、delegate、on,对应的解除监听的函数分别是unbind、die、undelegate、off.

一、on()方法

on() 方法在被选元素及子元素上添加一个或多个事件处理程序。

自 jQuery 版本 1.7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。该方法给 API 带来很多便利,我们推荐使用该方法,它简化了 jQuery 代码库。

举例:给p元素添加单击事件

$("p").on("click",function(){
    alert("clicked.");
});

二、off()方法

off() 方法被用来解除绑定。

$("p").off("click");

三、组合 on() 和 off()

我要解除绑定原来的点击触发函数,同时绑定新的函数,应该怎么写呢?

$("p").off("click").on("click",function(){
    alert("clicked.");
});

以上。


作者 Romance

GitHub:github.com/romce