bind() unbind() 和.on() .off()是各自一对,不能混用？？

phpvar

bind() unbind() 和.on() .off()是各自一对,不能混用？？

phpvar

这个认识是错误的！

查看jq源码可知：
jQuery.fn.bind 扩展方法是直接调用.on()方法去实现的：（如下所示：）
function (types, data, fn) {
    return this.on(types, null, data, fn);
}
.on()绑定的事件，可用.off()方法去解绑，自然用bind()方法绑定的事件，也可以用jq1.7 就开始提倡使用的新解绑事件方法.off()去解绑！！

但我们要有这样一个意识：
事件绑定到了哪个元素上，就去哪个元素上解绑！！

比如说：

1. $(".al").bind('click',function(event) {
   
2.                             alert(1111);
   
3.                         });
   

复制代码

我们要给.al解绑click事件，这样写是错误的：

1. $(document).off("click",".al");

复制代码

因为我们之前就根本没给document绑定过事件，何来解绑？？正确写法是：

1. $(".al").off("click");

复制代码

当然了，下面这样写也是对的：

1. //document绑定事件
   
2. $(document).on('click',".al",function(event) {
   
3.                             alert(1111);
   
4.                         });
   
5. //document上解绑事件
   
6. $(document).off("click",".al");

复制代码

前提就是遵循上面讲的”事件绑定到了哪个元素上，就去哪个元素上解绑！！“