jquery中bind与on的区别

---

一、bind()和on()

在jQuery中，bind()和on()是用来绑定事件处理程序的方法，而unbind()和off()用于解绑事件处理程序。

二、一、on()方法

被选中元素添加一个或多个事件处理程序，以及当事件发生时运行的函数。

二、bind()

1.引入库

代码如下（示例）：

   // bind() 和on() 是jQuery中的注册事件
   // 而bind() on() 用于向被选元素添加一个或多个事件处理程序，以及当事件发生
   // 时运行的函数
   // bind(事件类型，事件处理程序) on() 用法同bind()
   $('#box_1').bind('click', function () {
       $(this).css('width', '300px')
   })
   $('#box_1').on('mouseover', function () {
       $(this).css('background-color', 'gold')
   })

2.读入数据

代码如下（示例）：

data = pd.read_csv(
    'https://labfile.oss.aliyuncs.com/courses/1283/adult.data.csv')
print(data.head())

二者区别

1.有几个参数
bind() 有三个参数，分别是event（事件）、data（额外要添加的数据）、function（执行函数）。
on() 有四个参数，分别是event（事件）、selector（选择器）、data（额外要添加的数据）、function（执行函数）。

2.是否可以指定元素
on() 不仅可以为自己添加事件，也可以给指定具体的子元素添加事件。
bind() 只可以给自己添加事件。

3.何时推荐使用
on() 是jQuery推荐使用的。
bind() 是从某个版本开始就不推荐使用的。

总结

on方法多了一个selector方法，也就是子类选择器
事件委托就是子类的事情委托给父类的去做，而这就让我们想起了冒泡事件，是的，这的确是委托事件的原型，而我们的selector，则是判断是不是那个子元素触发的事件，如果不是，自然就忽略掉了