如何使用 JQuery 解除“悬停”事件的绑定？

在使用 JQuery 绑定事件时，我们经常需要解除已经绑定的某个事件，尤其是“悬停”事件。在 JQuery 中，可以使用 off() 方法来解除事件的绑定。

语法

$(selector).off(event, childSelector, handler)

参数说明：

• selector 必需。规定要移除事件处理程序的元素。
• event 可选。规定要移除的事件。默认是移除所有类型的事件处理程序。
• childSelector 可选。规定要移除事件处理程序的后代元素。
• handler 可选。规定要移除的事件处理程序。

实例

以下是一个鼠标悬停事件的绑定示例：

$("p").on("mouseover", function(){
    $(this).css("background-color", "yellow");
});

要解除该事件的绑定，可以使用 off() 方法，并指定要解除的事件类型：

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

也可以只移除特定的事件处理程序：

var myFunction = function(){
    $(this).css("background-color", "yellow");
}
$("p").on("mouseover", myFunction);
// 解除 myFunction 的绑定
$("p").off("mouseover", myFunction);

注意事项

• 如果使用 off() 方法时不指定参数，则会移除所有的事件绑定。
• 如果使用 off() 方法时只指定了事件类型，则会移除该事件的所有处理程序。
• 如果使用 off() 方法时指定了事件类型和处理程序，则只会移除该处理程序。
• 如果使用 off() 方法时指定了事件类型、处理程序和元素选择器，则只会移除匹配的事件绑定。