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()方法是一個非常強大的事件綁定方法，它讓我們可以更便捷地進行事件綁定。使用它時，我們需要合理地設置參數，以達到最佳效果。