jQuery绑定事件

现在还在使用的jQuery绑定事件的方法：on、bind(delete与live在jQuery1.7中被移出)

on->off、bind->unbind

1、bind(event,[data],function)

bind 是使用频率较高的一种，作用就是在选择到的元素上绑定特定事件类型的监听函数，参数的含义如下：

event：事件类型，如 click、change、mouseover 等

data：传入监听函数的参数，通过 event.data 取到。可选

function：监听函数，可传入event对象，这里的event是 jQuery 封装的 event 对象，与原生的event对象有区别，使用时需要注意

使用：$("#div li").bind("click",myFun);

 

2、on(event,childSelector,data,function)

on() 方法在被选元素及子元素上添加一个或多个事件处理程序。最常用的一种

自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。该方法给 API 带来很多便利，我们推荐使用该方法，它简化了 jQuery 代码库。

注意：使用 on() 方法添加的事件处理程序适用于当前及未来的元素（比如由脚本创建的新元素）。

提示：如需移除事件处理程序，请使用 off() 方法。

提示：如需添加只运行一次的事件然后移除，请使用 one() 方法。

event：必需。规定要从被选元素移除的一个或多个事件或命名空间。由空格分隔多个事件值，也可以是数组。必须是有效的事件。

childSelector：可选。规定只能添加到指定的子元素上的事件处理程序，对子元素做了个筛选（且不是选择器本身，比如已废弃的 delegate() 方法）。

 data：可选。规定传递到函数的额外数据。

function：可选。规定当事件发生时运行的函数。

使用：$(selector).on(event,childSelector,data,function);

.click()、.trigger() 也有事件绑定效果

 

原文链接：https://www.cnblogs.com/ainyi/p/8831263.html