2021.12.9--jQuery--7.事件进阶

7.1 绑定事件

使用on()方法为元素绑定一个事件或者多个事件。jQuery的on()方法，有点类似于JavaScript的addEventListener()方法

$().on(type, fn)

（1）使用on()方法为“已经存在的元素”绑定事件
（2）为“动态创建的元素”添加绑定事件

7.2 解绑事件

使用off()方法来解除元素绑定的事件

$().off(type)

(1)解除“基本事件”方式添加的事件
(2)用来解除“绑定事件”添加的事件

7.3 合成事件

鼠标移入和鼠标移出这两个事件往往都是配合一起使用的，而我们需要分别对这两个事件定义。为了简化代码，jQuery为我们提供hover()方法一次性定义这两个事件，这就是所谓的“合成事件”。（主要用于将鼠标移入和移出定义在一起）

$().hover(fn1, fn2)

7.4 一次事件

$().one(type, fn)

7.5 自定义事件

使用on()方法来自定义一个事件
然后使用trigger()方法来触发自定义事件。

7.6 事件对象

7.7 this

this始终指向触发当前事件的元素