jquery绑定与解绑元素事件

jquery中有绑定事件与解绑事件两大方式，下面就来简单的介绍一下jquery中几种常用的绑定事件的方式，与几种jq绑事件的方式。

jquery几种常用的绑定事件的方法

1、直接引用方法绑定

例：

复制

script>

//直接使用 click() 方法    
$(".box").click(function () {
    
    console.log(1);

}
    );
    
/script>
    

注意：这种直接调用方法的事件，是无法进行解绑的

2、bind()方式绑定，但在 jq 新版本中被 on 绑定代替了。

例：

复制

script>

$(".box").bind("click", function () {
    
    console.log(1);

}
    );
    
/script>
    

注意：

(1)、这种可以通过 unbind() 进行解绑操作

(2)、在小 1.7版本的JQ中才能使用 bind() 方法，高于1.7版本的 JQ 请使用 on() 方法

3、on()方式绑定，是由老版本 JQ 中的 bind() 方法的替代品

例：

复制

script>

$(".box").on("click", function () {
    
    console.log(1);

}
    );
    
/script>
    

注意：

(1)、这种可以通过 off() 方法进行解绑操作

(2)、从JQ 1.7版本后，才能使用 on() 方法

4、one() 绑定：一次性事件

例：

复制

script>

$(".box").one(function() {
    
    console.log("飞鸟慕鱼博客");

}
    );
    
/script>
    

注：one()不能删除，事件触发一次后会自动删除

5、hover() 鼠标的移入事件

例：

复制

script>

$(".box").hover(function () {
    
    console.log("鼠标移入");

}
, function () {

    console.log("鼠标移出")
}
    );
    
/script>
    

jquery解绑事件的方法

1、unbind() 方法移除事件

unbind()：移除被选择事件的处理程序

例：

复制

script>

$("button").click(function () {
    
    $("p").unbind();

}
    );
    
/script>
    

2、off() 方法

off()：通常用于移除通过 on() 方法添加的事件处理程序。

例：

复制

script>

$("button").click(function () {
    
    $("p").off("click");

}
    );
    
/script>
    

注：自 jq 1.7 版本起，off() 方法是 unbind()、die() 和 undelegate() 方法的新的替代品。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！