使用 jQuery 的 on() 函数可以为当前元素和未来元素绑定事件处理程序。这意味着，无论是页面加载时已经存在的元素，还是通过后续动态添加的元素，都可以通过 on() 函数来添加事件处理程序。这为我们处理动态创建的元素提供了极大的便利性。
使用 on() 函数绑定事件处理程序下面是一个简单的例子，展示了如何使用 on() 函数为当前元素和未来元素绑定点击事件处理程序：html 使用 on() 函数绑定事件处理程序 点击按钮
在上面的例子中，我们首先使用 on() 函数为当前元素 `#myButton` 绑定了点击事件处理程序。当这个按钮被点击时，会弹出一个包含文本 "当前按钮被点击了！" 的警告框。然后，我们通过动态创建一个新的按钮，并将其添加到页面中。接下来，使用 on() 函数为未来元素 `#newButton` 绑定了点击事件处理程序。当这个新按钮被点击时，同样会弹出一个包含文本 "新按钮被点击了！" 的警告框。使用 on() 函数的优势使用 on() 函数可以轻松地为当前元素和未来元素绑定事件处理程序，带来了许多优势：1. 简化代码：不需要为每个动态创建的元素手动绑定事件处理程序，只需使用 on() 函数一次即可。2. 提高性能：通过将事件处理程序绑定到父元素或文档上，而不是直接绑定到每个元素上，可以减少事件处理程序的数量，从而提高页面性能。3. 动态响应：当新元素被添加到页面中时，它们会自动具有与已存在元素相同的事件处理程序，无需手动更新代码。通过使用 jQuery 的 on() 函数，我们可以方便地为当前元素和未来元素绑定事件处理程序。这种方式简化了代码，提高了性能，并且使我们能够动态响应页面中的元素变化。无论是为已存在的元素还是后续动态创建的元素添加事件处理程序，都可以使用 on() 函数来实现。这对于构建交互性强、动态性高的网页应用程序非常有用。