jQuery off()方法

  • Post category:jquery

jQuery off()方法用于移除通过on()方法绑定的事件处理程序。可以使用off()方法移除单个事件处理程序,也可以移除所有事件处理程序。

以下是off()的详细攻略:

语法

$(selector).off(event, function)

参数

  • selector:必需,用于选择要移除事件处理程序的元素。
  • event:可选,用于指定要移除的事件类型。
  • function:可选,用于指定要移除的事件处理程序。

示例1:移除单个事件处理程序

以下示例演示了如何使用off()方法移除单个事件处理程序:

<!DOCTYPE html>
<html>
<head>
  <title>jQuery off() Method</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <button id="myButton">Click me</button>

  <script>
    function myFunction() {
      alert('Hello World!');
    }

    $('#myButton').on('click', myFunction);

    // 移除单个事件处理程序
    $('#myButton').off('click', myFunction);
  </script>
</body>
</html>

在上述示例中,我们创建了一个按钮和一个事件处理程序myFunction(),并使用on()方法将事件处理程序绑定到按钮上。然后,我们使用off()方法移除了该事件处理程序。

示例2:移除所有事件处理程序

以下示例演示了如何使用off()方法移除所有事件处理程序:

“`html



jQuery off() Method