jquery中bind与on的区别

jquery中bind与on的区别

1.首先，来看看bind和on的语法。

bind的用法：

$(‘a’).bind(‘click’,[data],function(){})

其事件的绑定者是固定的，就是a,第一个参数是事件，第二个参数可选，是要传递给回调函数的event.data参数，第三个参数是回调函数。例如：

on的用法：

on:$(‘body’).on(‘click’,‘a’,[data],function(){})

相比于bind,除了事件的绑定者（这边是body）,在on的参数中还增加了一个选择器a，而事件将作用于这个a上面。

2.区别

（1）先看参数：on 多一个selector 参数,可以给子元素添加事件、bind 只能给自己添加事件

1.bind有三个参数，分别是event，data，function，也就是事件，额外要添加的数据以及执行函数
2.on有四个参数，分别是event，selector, data，function 分别是事件，选择器，额外添加的数据和执行函数。

（2）使用on添加的事件比如给自己子集使用类选择器添加的 ,后来创建的含有这个类名的子节点也有事件

（3）on是jquery推荐使用的，bind是从某个版本开始就不推荐使用的