什么是jQuery事件绑定？
在编写前端代码时，我们经常需要绑定事件处理函数，以便在页面元素（如按钮、输入框等）上发生特定事件（如单击、鼠标悬停等）时执行一些操作。 学习jQuery事件绑定将会极大地帮助我们简化代码。Jquery的事件绑定方法最常用的是on()函数。然而，我们也需要考虑如何使用它。
为什么我们需要使用jQuery事件绑定？
JavaScript本身已经提供了一些原生的事件绑定方法（例如：addEventListener）,那为什么需要使用jQuery事件绑定方法呢？相比原生的JavaScript，jQuery提供了许多简单易用且优化过的方法，可以让我们更快、更轻松地实现特定的事件绑定。jQuery提供了一个名为on()的函数，帮助我们轻松地绑定事件添加，删除，同时也能保持代码简单易懂。
jQuery on()方法的语法结构？
on()函数的语法结构较为简单。以下是它的一般语法结构：
$(selector).on(event,childSelector,data,function,map)
参数说明:selector ：选择器；
event ：事件类型；
childSelector ：子元素选择器，可选；
data ：给要传递给事件函数的额外数据；
function ：为事件绑定的函数;
map ：一个错误的键/值对集合。
jQuery on()函数的优点
优点：
可以动态绑定和解绑事件，且在不同浏览器中表现一致
支持命名空间，可以更加简单方便地管理和操作事件
允许事件委托，可以实现更高效的事件处理
提供了简洁的语法结构，能够快速编写对应的事件绑定代码
jQuery on()与click()的差别
虽然我们可以使用click()方法来绑定点击事件，但是你可能有时候需要绑定更多的事件类型，同时你也需要应对各种浏览器的差异。而使用on()函数可以解决这些问题，我们可以轻松地绑定多个事件类型，例如鼠标事件、键盘事件等。此外,on()函数还可以委托元素来绑定事件，在需要添加大量事件的case时，最好可以使用on()进行绑定。
如何使用Jquery的on()函数？
实现基本的事件绑定：$('button').on('click',function(){alert('Btn was clicked!');});
请注意，这里选择器选的是button，即绑定的是按钮元素上的click事件,但也可以选择其他的元素来绑定其他类型的事件。
同时，on()函数还可以通过委托将事件绑定到父元素上。
对于绑定到父元素/委托方式，我们可以这样写：
$('#list').on('click', '.item', function() {
alert('A item was clicked!');
});
这是我们将事件绑定到列表父元素中，然后使用额外的.class选择器表示我们要触发该元素的事件类型。此时，运行代码将在列表项被单击时弹出提示。
jQuery on()函数虽然是一个非常简单的工具，但却提供了很多优化。当你开始熟悉jQuery on()绑定事件处理函数时，你会发现它们非常适用于处理复杂的交互事件，其中包括动态界面元素和多浏览器支持的事件。这个功能可以让您轻松地绑定和解除多个事件，并轻松地在实现委托方式时使代码变得干净明了。因此，Jquery的on()绑定显然是一个强大的工具，可帮助开发人员更好地处理客户端事件。
