Jquery on方法是用來監聽事件的常用方法，它可以幫助我們動態的綁定事件，并且還可以在時間觸發時，自動執行回調函數。在使用on方法時，可以傳入一些參數，從而實現更靈活和多變的功能。下面，我們來一起了解一下on方法帶參數的用法。

首先，我們來看看on方法的基本用法：

$(selector).on(event, function)

上述代碼中，selector表示選擇器，event表示事件，function表示回調函數。其中，on方法會在selector上綁定一個事件，當事件觸發時，會執行指定的回調函數。參數可以省略，也可以傳入一個或多個參數。

下面，我們來看看on方法帶參數的用法：

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

在這個方法中，我們可以傳入另外兩個參數，childSelector和data。childSelector表示子選擇器，可以用來選擇子元素，而data則表示傳遞給回調函數的事件數據。

具體來說，我們可以先來看看childSelector的用法：

$("ul").on("click", "li", function(){
alert("clicked on li inside ul");
});

在這個例子中，我們使用了子選擇器，將事件綁定在父元素“ul”上，然后通過子選擇器“li”，選擇到其子元素。這樣做的好處是，可以避免重復綁定事件，提高代碼的性能。

另外，我們還可以在on方法中傳入data參數，用于傳遞數據。比如：

$("button").on("click", {name: "Lucy", age: 18}, function(event){
alert(event.data.name + " is " + event.data.age + " years old");
});

在這個例子中，我們將一個對象{name: "Lucy", age: 18}傳遞給了回調函數，在回調函數中，可以使用event.data訪問到這個數據對象。

總之，通過on方法的帶參數用法，我們可以實現更多的功能，靈活的控制事件綁定和數據傳遞。在實際開發中，一定要掌握好這個方法的使用，才能更好的開發出高質量的項目。