jquery on 一个元素绑定多个事件

jQuery 的 `on()` 方法允许你在单个 DOM 元素上绑定多个事件处理程序。这个方法提供了一种简洁的方式来注册针对不同类型的事件，或者在特定的后代元素匹配某些条件时触发处理函数。它的基本语法如下：

$(selector).on(eventType, delegateTarget, eventData, handler);

这里，`selector`是你想要绑定事件的元素，`eventType`是你要监听的事件类型，如 `'click'`, `'mouseover'` 等；`delegateTarget`（可选）是一个选择器，用于指定事件应该在哪一层级的后代元素上触发；`eventData`（可选）是传递给事件处理函数的数据；`handler` 是事件发生时将要执行的函数。

例如，如果你想在一个点击事件中同时处理 `.child` 元素的点击和鼠标悬停，你可以这样做：

$("#parentElement").on({
  click: function() {
    // 点击事件处理逻辑
  },
  mouseover: function() {
    // 鼠标悬停事件处理逻辑
  }
}, '.child');

在这个例子中，当`.child`元素被点击或鼠标悬停在其上时，对应的事件处理函数会被调用。