jQuery：事件注册和事件处理(on()绑定事件)

jQuery单个事件主侧比较麻烦&＃xff0c;如果要给一个元素添加点击和鼠标经过事件&＃xff0c;需要我们写两个事件&＃xff1a;click和mousemove。

而在jQuery中给我们进行了处理&＃xff0c;有一个新的事件&＃xff1a;on()绑定事件

on()方法在匹配元素上&＃xff0c;可以绑定一个或多个事件的事件处理函数。
语法格式&＃xff1a;

element.on(events,[selector],fn);


参数&＃xff1a;

1. events&＃xff1a;一个或多个用空格隔开的事件类型&＃xff0c;如click、mouseenter&＃xff0c;里面也可以是对象
2. selector&＃xff1a;元素的子元素选择器&＃xff0c;比如element是ul&＃xff0c;那么selector可以选择li
3. fn&＃xff1a;回调函数

简单代码示例&＃xff1a;

on()方法绑定优势1&＃xff1a;
可以事件委派操作&＃xff0c;就是把原来给子元素身上的事件绑定在父元素身上&＃xff0c;就是把事件委派给父元素。
代码示例&＃xff1a;
解释&＃xff1a;on()事件是绑定了在父亲ul的身上&＃xff0c;但触发的对象是li&＃xff0c;当点击了li&＃xff0c;因为有事件冒泡&＃xff0c;会冒泡的父亲ul身上&＃xff0c;而父亲身上有一个点击事件&＃xff0c;因此会输出11。

• 1
• 2
• 3
• 4



on()方法绑定优势2&＃xff1a;
我们后面动态创建的元素&＃xff0c;click()是没有办法绑定事件的&＃xff0c;而on()可以给动态生成的元素绑定事件。
代码示例&＃xff1a;

• 1
• 2
• 3
• 4