jquery 代理 on

JQuery是一种流行的JavaScript库，它提供了众多方便的方法来操作HTML元素、处理事件以及管理数据等功能。其中，事件处理也是JQuery的重要特征之一，特别是使用代理(on)事件。

代理事件(on)允许我们为文档上的元素或元素组添加事件处理程序，甚至是在这些元素被创建之前。在一些情况下，我们可能不想为每个元素添加一个事件处理程序，特别是当我们有许多相似元素时。这时候，代理事件就是一个很好的选择。

代理事件(on)的语法很简单且易记：$(document).on(event,selector,callback)。

// 示例代码：

$(document).on("click", "li", function() {
  $(this).css("color", "red");
});

这个示例代码中，我们使用代理事件(on)为一个

标签中的所有
• 元素添加了一个单击事件处理程序。当点击任何一个
• 元素时，触发的是代理事件(on)，而不是直接添加单击事件处理程序。

  代理事件(on)还可以指定多个事件类型和多个事件处理程序。例如：

  $(document).on({
    click: function() {
      console.log("clicked");
    },
    mouseover: function() {
      console.log("mouseover");
    }
  }, "li");
  

  在这个示例中，我们不仅为

• 元素添加了单击事件处理程序，还为它们添加了鼠标经过事件处理程序。当任何一个事件被触发时，会执行指定的事件处理程序。

  总之，代理事件(on)为我们提供了一种简单而强大的方法来管理事件处理程序，尤其是在处理大量相似元素时。通过代理事件(on)，我们可以更容易地维护代码并提高性能。