在jQuery中，我们可以使用.off()函数来移除事件处理程序。.off()函数可以用于移除通过.on()函数添加的事件处理程序。
.off()函数的语法
以下是.off()函数的语法：
$(selector).off(event, childSelector, handler);
参数说明：
selector：要移除事件处理程序的元素。event：要移除的事件类型。childSelector：可选参数，用于指定要移除事件处理程序的子元素。handler：可选参数，移除的事件处理程序。
移除事件处理程序
以下是一个示例，演示何使用.off()函数移除事件处理程序：
<!DOCTYPE html>
<html>
<head>
<title>jQuery off() Function Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("p").off("click");
});
$("p").click(function() {
$(this).hide();
});
});
</script>
</head>
<body>
<button>Remove Click Event</button>
<p>Click me to hide me.</>
<p>Click me to hide me too.</p>
</body>
</html>
在这个示例中，我们使用.off("click")函数移除所有段落元素的click事件处理程序。当用户单按钮时，所有段落元素的click事件处理程序都将被移除，因此它将不再隐藏。
移除特定事件处理程序
我们还可以使用.off()函数移除特定的事件处理程序。以下是一个示例，演示如何使用.off()函数移除特定的事件处理程序：
```html
Click me to hide me.
Click me to hide me too.
</html```
在这个示例中，我们使用.off("click", hideMe)函数移除所有段落元素的click事件处理程序，但只有hideMe()函数被移除。当用户单击按钮时，所有段元素的click事件处理程序都将被移除，但只有hideMe()函数不再隐藏段落元素。
综上所述，我们使用.off()函数移除事件处理程序，并提供了两个示例，演示如何使用.off()函数移除所有事件处理程序或特定的事件处理程序。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：jquery .off()是如何工作的 - Python技术站
微信扫一扫 
支付宝扫一扫 