jquery on 的用法
jQuery的`on()`方法用于向一个或多个元素附加一个或多个事件处理程序，指定当事件发生时要执行的代码。
`on()`方法的基本语法如下：
```javascript
$(selector).on(event, childSelector, data, handler);
```
- `selector`：要附加事件处理程序的元素的选择器字符串，例如`"button"`或`".class"`。
- `event`：要附加的事件，可以是标准的JavaScript事件，如`click`、`mouseover`等，也可以是自定义的事件。jquery在一个元素后追加标签
- `childSelector`（可选）：一个选择器字符串，用于指定应该触发事件的子元素。如果省略了该参数，事件处理程序将附加到匹配的元素上。
- `data`（可选）：要传递给事件处理程序的额外数据。这个参数可以是一个对象、字符串、数字等。
- `handler`：当事件发生时要执行的函数。
示例：
```javascript
$("button").on("click", function(){
  alert("按钮被点击了！")；
});
$("ul").on("click", "li", function(){
  alert("列表项被点击了！")；
});
$("#myForm").on("submit", function(event){
  event.preventDefault();
  alert("表单已提交！");
});
```
在以上示例中，当点击符合选择器`"button"`的任何按钮时，会弹出一个对话框；当点击`<ul>`中的任何`<li>`时，也会弹出一个对话框；当`<form>`表单被提交时，会调用`preventDefault()`方法取消表单的默认提交行为，并弹出一个对话框。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。