jQuery是现在广泛使用的JavaScript库。其中，on()方法是jQuery提供的一个强大的事件绑定方法，可以让我们更方便地进行事件绑定。下面我们来详细了解一下on()方法的用法。

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

on()方法有四个参数：event、childSelector、data和function。我们将分别介绍这些参数的用法。

event参数指定要绑定的事件类型。它可以是一个或多个事件类型的字符串，多个事件类型之间用空格隔开。例如：

$(selector).on("click", function(){
alert("单击事件已触发！");
});
$(selector).on("mouseenter mouseleave", function(){
alert("鼠标已经进入或离开该元素！");
});

childSelector参数是子元素的选择器。如果子元素匹配了选择器，那么on()方法绑定的事件会被触发。例如：

$("table").on("click", "tr", function(){
alert("单击表格行！");
});

这里，on()方法绑定了table元素上的click事件。当点击表格行时，这个事件才会被触发。

data参数是用于传递数据的对象。这样，在事件触发的回调函数中，我们就可以操作这个data对象。例如：

$(selector).on("click", {name:"Bob"}, function(event){
alert(event.data.name + "单击事件已触发！");
});

这里，data对象被传递到了click事件的回调函数中。在回调函数中，我们就可以通过event.data.name获取这个对象的属性。当你点击元素时，你将会看到"Bog单击事件已触发！"的弹出框。

最后一个参数function是回调函数。在事件触发时，回调函数将被执行。回调函数中的this关键字指向触发事件的元素。例如：

$("button").on("click", function(){
$(this).toggleClass("active");
});

这里，当你点击button元素时，它的active类将被添加或删除，这取决于元素是否已经有这个类。

总之，on()方法是一个非常强大的事件绑定方法，它让我们可以更便捷地进行事件绑定。使用它时，我们需要合理地设置参数，以达到最佳效果。