jquery on的用法

jQuery中的on()方法用于绑定事件处理程序，它可以绑定一个或多个事件，也可以绑定多个事件处理程序。

语法：

$(selector).on(event, childSelector, data, function)

参数说明：

- `event`：需要绑定的事件，比如click、mouseover等等。
- `childSelector`：可选参数，用来指定触发事件的后代元素。
- `data`：可选参数，传递到事件处理程序的数据。
- `function`：事件处理程序。

举个例子，我们可以绑定一个按钮的点击事件：

<button id="myButton">点击我</button>

$("#myButton").on("click", function() {
  alert("你点击了按钮");
});

我们也可以绑定多个事件处理程序：

$("#myButton").on({
  mouseenter: function() {
    $(this).css("background-color", "yellow");
  },
  mouseleave: function() {
    $(this).css("background-color", "white");
  },
  click: function() {
    alert("你点击了按钮");
  }
});

我们还可以使用on()方法为动态生成的元素绑定事件，这样即使元素还不存在，也不会出现事件绑定失败的情况：

$(document).on("click", "#myButton", function() {
  alert("你点击了按钮");
});

以上就是on()方法的基本用法。