JQuery是前端Web開發中非常常用的一個JavaScript框架，而其中的on()方法和一系列參數也是必不可少的。下面我們將介紹這些參數。

// on()方法通常的語法形式
$(selector).on(event, childSelector, data, function)

參數1: event

// 簡單的示例
$('button').on('click', function() {
alert('Button clicked');
});
// event參數用來定義響應的事件類型，如'click'、'focus'等。在上述示例中，我們是在按鈕被點擊時響應事件。

參數2: childSelector

// 示例
$('ul').on('click', 'li', function() {
alert('List item clicked');
});
// 參數 childSelector 是可選的，它確定那個子元素應該被選擇。在上述的示例中，我們是在列表項被點擊時響應事件。

參數3: data

// 示例
$('button').on('click', {text: 'Hello!'}, function(e) {
alert(e.data.text);
});
// data參數也是可選的。當事件被觸發時，可以使用e.data從中獲取數據。上述示例中的事件讀取了一個名為“text”的屬性。

參數4: function

// 示例
$('button').on('click', function() {
console.log('Button clicked!');
});
// 最后一個參數指定一個函數，在事件觸發時被執行。例如，當按鈕被點擊時，執行控制臺輸出操作。