jQuery | one() 与示例

概述

在 jQuery 中，one() 方法被用来绑定事件处理程序，只会在每个元素中触发一次事件。

语法

one() 方法的语法如下：

$(selector).one(event, data, handler)

参数:

• event：必需，规定要绑定的一个或多个事件。
• data：可选，规定传递到事件处理程序的额外数据。
• handler：必需，规定事件发生时运行的函数。

示例

下面是一个使用 one() 方法的简单示例：

$(document).ready(function(){
  $("button").one("click", function(){
    alert("Hello World!");
  });
});

运行以上代码后，第一次点击按钮时，弹出一个 "Hello World!" 的提示框。再次点击时则不会有反应。

解释

在上面的代码中，我们使用 document.ready() 方法来确保文档加载完成后再绑定事件处理程序。

然后我们使用 one() 方法来绑定一个点击事件，并在该事件发生时弹出一个提示框。由于使用 one() 方法，因此我们只能触发一次该事件。这意味着，再次点击按钮时，不会有反应。

总结

one() 方法是 jQuery 提供的一个非常有用的方法。它使我们能够一次性地绑定事件处理程序并确保事件只会在每个元素中触发一次。在编写代码时，我们可以使用 one() 方法来避免不必要的事件处理程序和代码重复执行，从而提高了性能。