【JavaScript】jQuery bind（）和on（）的区别

1、bind（）
格式：bind(type,[data],fn)
type: 含有一个或多个事件类型的字符串，由空格分隔多个事件。
　　比如"click"或"submit"，还可以是自定义事件名。
data:作为event.data属性值传递给事件对象的额外数据对象
fn:绑定到每个匹配元素的事件上面的处理函数

2、on（）
格式：on(events,[selector],[data],fn)
events:一个或多个用空格分隔的事件类型和可选的命名空间， 如"click"或"keydown.myPlugin" 。
selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择的< null或省略，当它到达选定的元素，事件总是触发。
data:当一个事件被触发时要传递event.data给事件处理函数。
fn:该事件被触发时执行的函数。 false 值也可以做一个函数的简写，返回false。
对比发现on 和bind的 差别不大， 但是on多一个[selector] 可以过滤指定元素

bind和on都是给元素绑定事件用的，其最大的区别就是事件冒泡。
事件冒泡也是委托事件的原型，事件委托就是子类的事情委托给父类的去做。最直观的区别就是on绑定比bind绑定多一个参数 'childSelector'。