jQuery on() 方法
定义和用法
on() 方法为选定的元素及其子元素附加一个或多个事件处理器。
从 jQuery 版本 1.7 开始，on() 方法是 bind()、live() 和 delegate() 方法的新替代品。该方法为 API 带来了很多一致性，我们建议您使用此方法，因为它简化了 jQuery 代码库。
注意：使用 on() 方法附加的事件处理器将同时适用于当前和未来的元素（例如，由脚本创建的新元素）。
提示：要移除事件处理器，请使用 off() 方法。
提示：要附加一个只运行一次然后自行移除的事件，请使用 one() 方法。
语法
$(selector).on(event,childSelector,data,function,map)
| 参数 | 描述 |
|---|---|
| 事件 | 必需。指定一个或多个要附加到选定元素的事件或命名空间。 多个事件值用空格分隔。必须是有效的事件 |
| childSelector | 可选。指定事件处理器仅应附加到指定的子元素（而不是选择器本身，类似于已弃用的 delegate() 方法）。 |
| data | 可选。指定要传递给函数的附加数据 |
| function | 必需。指定事件发生时要运行的函数 |
| 地图 | 指定一个事件映射 ({event:function, event:function, ...})，其中包含一个或多个要附加到选定元素的事件，以及事件发生时要运行的函数。 |
亲手尝试 - 示例
附加多个事件
如何向元素附加多个事件。
使用 map 参数附加多个事件处理器
如何使用 map 参数向选定的元素附加多个事件处理器。
向元素附加自定义事件
如何向元素附加自定义命名空间事件。
将数据传递给函数
如何将数据传递给函数。
为未来的元素添加事件处理程序
显示 on() 方法也适用于尚未创建的元素。
移除事件处理器
如何使用 off() 方法移除事件处理器。
