jquery——on 绑定事件

一.实现绑定多个事件

• 1.使用on绑定多个事件对应同一个事件处理
  函数语法结构：jq对象.on(“事件类型1 事件类型2”,”事件处理函数”)
  如：

  image.png

   

• 2.使用on绑定多个事件对应不同的事件处理函数
  函数语法结构：

 

jq对象.on({
           事件类型1 : 事件处理函数1,
           事件类型2 : 事件处理函数2,
           事件类型3 : 事件处理函数3
           });

如：

 

image.png

二.使用on进行事件委派

使用jQuery中on进行普通绑定事件的时候，会出现一些小小问题，就是不能给动态添加的元素绑定事件 ，如下

image.png

 

这时候就要用到on的事件委派（事件委托）
语法结构：jq对象.on("事件类型","指定的后代元素",事件处理函数)
如：

image.png

 

3.总结

如果是普通绑定事件你就可以使用on的普通事件绑定，如果是对于动态添加的元素的事件绑定就使用on的事件委派。

链接：https://www.jianshu.com/p/77181e1c1a17
来源：简书