在jQuery中，on()方法是用于綁定事件的最常用方法之一。on()方法通常帶有多個參數，這些參數可以幫助我們更精確的綁定事件。

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

其中，參數的含義如下：

• selector：需要綁定事件的元素選擇器。
• event：需要綁定的事件類型，如：click、mousemove等。
• childSelector：可選參數，用于指定一個或多個子元素才能觸發事件。
• data：可選參數，用于綁定元素的數據，可以直接傳遞一個對象。當事件觸發時，該數據將傳遞給事件處理函數。
• function：事件處理函數。

下面來看幾個例子。

// 綁定一個事件
$('button').on('click', function() {
console.log('button clicked');
});
// 綁定多個事件
$('button').on('click mouseenter', function() {
console.log('button clicked or mouseenter');
});
// 只有子元素li才能觸發事件
$('ul').on('click', 'li', function() {
console.log('li clicked');
});
// 點擊button傳遞數據
$('button').on('click', {name: 'Tom', age: 18}, function(event) {
console.log(event.data);
console.log('button clicked');
});

通過對on()方法參數的靈活運用，可以幫助我們更好的處理各種事件。