jQuery是一种常用的JavaScript库，它通过提供一个方便、快速且功能强大的方法来对HTML文档进行操作。本文将会介绍jQuery中的on函数，它是用于给选中的元素绑定事件处理程序的核心方法。在绑定事件处理程序时，on函数还可以接受一些参数，本文将会阐述这些参数的作用。

$(selector).on(event,childSelector,data,function,map)

on函数的第一和第二个参数是必需的，分别是事件类型和子选择器。事件类型是一个字符串，表示所要绑定的事件类型（如click、mouseover等）。子选择器也是一个字符串，它指定了哪些子元素应该触发事件处理程序。

$(document).on('click', '.example-class', function() {
// 在此处放置处理程序
});

上面的例子中，我们使用on函数为document元素上的.example-class子元素绑定了一个click事件的处理程序。

on函数的第三个参数是可选的，它是一个任意类型的数据，可以在事件处理程序中使用。在处理程序中，可以通过event.data属性来访问这个数据。这个参数的作用在于，当需要将数据传递给事件处理程序时，便于使用。

$(document).on('click', '.example-class', {foo: 'bar'}, function(event) {
console.log(event.data.foo); // "bar"
});

上面的例子中，我们使用on函数为document元素上的.example-class子元素绑定了一个click事件的处理程序，并将一个名为foo的数据传递给了它。在事件处理程序中，我们使用event.data.foo来访问这个数据。

on函数的第四个参数是事件处理程序。它是一个函数，当事件被触发时就会被调用。在函数内部，可以使用this关键字来引用事件所绑定的元素。在函数的参数中，可以使用event对象来访问有关事件的详细信息。

最后，on函数还可以接受一个有多个键值对的对象作为第五个参数，这个对象对应着需要附加到元素中的任何数据或属性。

$(document).on('click', '.example-class', {foo: 'bar'}, function(event) {
console.log($(this).data('baz')); // "qux"
});
$('.example-class').data('baz', 'qux');

上面的例子中，我们给.example-class元素附加了一个名为baz的属性，值为qux。然后使用on函数为document元素上的.example-class子元素绑定了一个click事件的处理程序，并访问了一个data属性baz。

总结来说，on函数是绑定事件处理程序的核心方法，同时它还可以接受额外的参数，这些参数可以用于指定一些需要使用的数据以及额外的属性。我们可以在事件处理程序中使用这些数据以及属性，从而实现更加灵活的功能。