为什么用jquery的on

jQuery的on()方法是一种事件委托方式，可以给选定的元素添加事件并指定要处理事件的元素。与其他绑定事件处理方式相比，使用on()方法具有许多优点。本文将分别从代码量、绑定动态元素、绑定多个事件及性能四个方面来介绍为什么要使用jQuery的on()方法。

一、代码量

使用on()方法可以大大减少代码量。以绑定click事件为例，使用传统的bind()方法需要写下面的代码：

$("#myButton").bind("click", function(){
  //处理事件
});

而使用on()方法只需要写下面的代码：

$(document).on("click", "#myButton", function(){
  //处理事件
});

可以看到，on()方法只需要传递三个参数，代码量明显减少了大量。

二、绑定动态元素

如果页面中有动态生成的元素，bind()方法无法绑定事件。因为bind()方法只会在页面初始加载时才绑定事件。而使用on()方法可以处理动态元素的事件。因为on()方法通过委托的方式，把事件绑定在了动态元素的祖先元素上，因此不论何时生成新元素，在父元素上的事件仍然存在。

三、绑定多个事件

使用bind()方法只能绑定一种事件，如click、mousemove等。而在on()方法中，可以绑定多种事件，只需要在事件名之间用空格隔开即可，如：

$(document).on("click mousemove", "#myButton", function(){
  //处理事件
});

这样就可以为一个元素绑定多种事件，使用on()方法可以省去大量代码。

四、性能

使用on()方法相对于bind()方法可以提高性能，因为on()方法通过事件委托方式，只需要在一个父元素上绑定一个事件处理函数，避免了在每个子元素上绑定事件处理函数的开销，提高了页面性能和响应速度。

综上所述，使用jQuery的on()方法具有多种优点，包括代码量少、可以绑定动态元素、绑定多个事件及提高性能等。因此，在实际开发过程中，建议使用on()方法来绑定事件。