多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
# 1、普通事件 普通事件,比如有click、mouseenter、change、blur…等 语法:click([data], fn); 1.1、事件方法没有参数,可用于传递事件 ![](https://img.kancloud.cn/7c/1b/7c1beead9c35245e3644a5941a129971_903x391.png) 1.2、给事件传入的数据,可通过事件对象的data属性获取 ![](https://img.kancloud.cn/aa/bb/aabbb7ead52b2cd2de748ee2a2498233_967x98.png) # 2、on事件 2.1、给未来的元素绑定事件(事件委托) 语法:$(父级元素).on(事件类型, 子元素, 处理函数); ![](https://img.kancloud.cn/ed/50/ed50884f902f0ee1f5b5618b7282245d_823x507.png) 给未来的元素绑定事件(事件委托)常用于给Ajax返回的数据添加事件。 PS:1.7版本及之后,可使用on来完成事件委托;1.7之前的版本可以使用live或bind来完成事件委托 2.2、给一个元素绑定多个同类型的事件 不同on也可以完成这个功能: ![](https://img.kancloud.cn/58/32/5832939dbf3c4394db21ff3ea22a2862_566x301.png) 不用on,也可以为一个元素绑定多个同类型的事件: ![](https://img.kancloud.cn/54/0f/540fa34b0a9a090c6e28e9ddbdba2836_502x184.png) 用on给一个元素绑定两个不同的事件: ![](https://img.kancloud.cn/f3/cf/f3cf8e6fe0012f2d065c384a2729c419_711x158.png) ![](https://img.kancloud.cn/48/4e/484e592d267c0340dde65ad789aa700e_528x210.png) 用on为一个元素绑定多个同类型的事件: ![](https://img.kancloud.cn/7d/6a/7d6a78c542cc040d81f45772064903bc_739x329.png) # 3、off事件 用于取消元素的某个事件。 实际开发中,这个东西很有用,有些时候是需要先取消掉一个元素的所有事件,然后在绑定你要绑定的事件,可以解决一些bug。 ![](https://img.kancloud.cn/7f/1a/7f1a25c31756bb42d1748db1fba9e16a_749x346.png) PS:off和on一组的,都是3.0版本后存在,3.0版本之前,可以使用unbind事件来完成事件的取消工作。 # 4、one事件 给元素绑定的事件,只执行一次。 ![](https://img.kancloud.cn/b2/69/b2692f4c18b9f9186f387600bdaf457f_688x485.png)