jQuery unbind() 方法

jQuery 中的 unbind() 方法用于从选定的元素中移除事件处理程序。我们还可以使用此方法移除所有或特定的事件处理程序。它还可以用于停止指定的函数。

语法

参数值

此方法接受以下三个可选参数值。

event：这是一个可选参数。它指定要从元素中移除的一个或多个事件。如果要移除多个事件，它们必须用空格分隔。

function：这也是一个可选参数。此参数指定要从指定元素或事件中解除绑定的函数名称。

eventObj：这也是一个可选参数。它来自事件绑定函数。

当我们不使用任何参数调用 unbind() 方法时，该方法将移除附加到元素的所有事件处理程序。

让我们通过一些示例来理解 unbind() 方法。

示例 1

在此示例中，有两个 h3 标题元素和一个按钮。当光标悬停在文本为 Hover me 的元素上时，将为它们附加 mouseover 事件。

在这里，我们使用 unbind() 函数来解除绑定 mouseover 事件。我们可以通过先悬停一个 h3 元素，然后单击给定的按钮来检查 unbind() 方法的工作方式。悬停时，h3 标题的样式会改变，当我们单击给定的按钮时，悬停将不会影响另一个 h3 元素。

输出

执行上述代码后，输出将是 -

将光标移动到第一个 h3 元素上时，输出将是 -

单击给定的按钮后，当我们悬停第二个 h3 元素时，什么都不会发生，因为事件已被移除。

示例 2

在此示例中，我们使用 unbind() 方法在事件触发一定次数后移除事件处理程序。这里有一个 div 元素，其宽度、高度和字体大小只能增加三次。这是因为 unbind() 函数在触发三次后将移除其 click 事件。每次点击时，div 的高度和宽度将增加 25px，其字体大小将增加 10px。

输出

执行上述代码后，输出将是 -

单击文本 Click me 时，div 的样式在每次点击时都会发生变化。点击文本三次后，输出将是 -