.on('click')与.click()之间的区别

在JavaScript中，.on('click')和.click()两者都可以用于处理点击事件，但它们之间存在一些区别：

1. 事件绑定方式：
   • .on('click')：使用.on()方法绑定点击事件，这是jQuery中推荐的事件绑定方式。
   • .click()：使用.click()方法绑定点击事件，这是jQuery中较早的事件绑定方式。
2. 动态元素支持：
   • .on('click')：支持动态生成的元素绑定点击事件，通过事件委托机制实现。
   • .click()：不支持动态生成的元素绑定点击事件，需要在元素生成后再次调用.click()方法绑定事件。
3. 事件触发方式：
   • .on('click')：可以绑定多个事件处理函数，按照绑定顺序依次触发。
   • .click()：只能绑定一个事件处理函数，多次调用.click()会覆盖之前的事件处理函数。
4. 事件对象传递：
   • .on('click')：在事件处理函数中可以直接接收到事件对象event。
   • .click()：在事件处理函数中需要手动传递事件对象event。

综上所述，.on('click')相较于.click()具有更好的动态元素支持、事件委托、事件触发顺序和事件对象传递等优势，推荐使用.on('click')进行事件绑定。