DOM在jQuery中实现事件删除的方式

本文演示了在jQuery中使用DOM移除事件的方法：

您可以为同一个元素绑定多个事件，或者为多个元素绑定相同的事件。
$（函数（）{（））
$（# BTN）。Bind（单击
$（# test）。追加（我的绑定功能1）；
}）Bind（单击
$（# test）。追加（我的绑定功能2）；
}）Bind（单击
$（# test）。追加（我的绑定功能3）；
}）；
}）

1。删除按钮元素上先前注册的事件

先看看下面的代码，单击删除所有事件的按钮，您可以删除上面的按钮事件：
$（函数（）{（））
$（# BTN）。Bind（单击
$（# test）。追加（我的绑定功能1）；
}）Bind（单击
$（# test）。追加（我的绑定功能2）；
}）Bind（单击
$（# test）。追加（我的绑定功能3）；
}）；
$（# delall）。Click（function（）{）
$（# BTN）。Unbind（点击）；
}）；
}）

点击我

删除所有的事件

看了取消绑定的语法结构（）方法：打开（{ } { }类型，数据）；

第一个参数是事件类型，第二个参数是要删除的函数，这说明如下：

如果没有参数，则删除所有绑定事件。

如果将事件类型作为参数提供，则只有该类型的绑定事件被删除。

如果在绑定中传递的处理函数作为第二个参数，则只删除特定的事件处理函数。

2。移除元素中的一个事件

首先，您需要为这些匿名处理函数指定一个变量。
$（函数（）{（））
$（# BTN）。Bind（单击
$（# test）。追加（我的绑定功能1）；
}）Bind（单击
$（# test）。追加（我的绑定功能2）；
}）Bind（单击
$（# test）。追加（我的绑定功能3）；
}）；
$（# deltwo）。Click（function（）{）
$（# BTN）。Unbind（单击
}）；
}）

点击我

删除第二事件

此外，jQuery提供了一种速记方法，一（）方法的情况下，只有一个需要被触发，然后结合立即删除。一（）方法可以绑定处理函数的元素。当处理功能被触发一次，它是立即删除，对每个对象的事件处理函数只会被执行一次。

单（）方法的结构类似于绑定（）方法，使用方法与绑定（）方法相同，其语法结构如下：一（类型，{数据}，FN）；
$（函数（）{（））
$（#按钮），（单击
$（# test）。追加（我的绑定功能1）；
}
$（# test）。追加（我的绑定功能2）；
}
$（# test）。追加（我的绑定功能3）；
}）；
}）

点击我
在使用一个（）方法将事件绑定到一个元素之后，只有当用户第一次单击按钮时，才执行处理函数，然后单击将不再工作。

希望本文能对大家的jQuery程序设计有所帮助。