jQuery 之动态添加事件（on）
jQuery中，我们动态事件可以用on()函数。为当前页面动态添加事件的语法如下：
$(selector).on(event,childSelector,data,function)
例如，向p元素添加click的方法如下。
$(document).ready(function() { $("p").on("click", function() { alert("段落被点击了。"); }); });
1 on的定义
- on() 方法在被选元素及子元素上添加一个或多个事件处理程序。
- on（）方法添加的事件处理程序可以用于当前及未来的元素。
- 要移除处理程序，请使用off（）方法。
- 如果只使用一次事件，然后移除，则可以使用one（）方法。
- 自 jQuery 版本 1.7 起，推荐使用on()方法代替bind()、live() 和 delegate()，因为它简化了jQuery代码库。
2 语法
$(selector).on(event, childSelector, data, function)
|
参数 |
描述 |
|
event |
必需。规定要从被选元素添加的一个或多个事件或命名空间。 由空格分隔多个事件值，也可以是数组。必须是有效的事件。 |
|
childSelector |
可选。规定只能添加到指定的子元素上的事件处理程序（且不是选择器本身，比如已废弃的 delegate() 方法）。 |
|
data |
可选。规定传递到函数的额外数据。 |
|
function |
可选。规定当事件发生时运行的函数。 |
3 扩展问题
参考网址
jQuery on()的使用方法：https://www.runoob.com/jquery/event-on.html