JQuery是一個流行的JavaScript框架，它可以使開發人員更加輕松地為網站和應用程序添加交互性。JQuery的一個重要部分是事件處理，包括on()方法。在本文中，我們將介紹on()方法及其參數。

.on( events [, selector ] [, data ], handler )
參數：
events: 觸發事件的名稱，可以是一個或多個事件，例如click或mouseenter。
selector（可選）：事件委托到選擇器匹配的元素上。
data（可選）：傳遞給事件處理程序的數據對象。
handler：事件發生時要執行的函數。

使用on()方法來注冊事件處理程序需要指定事件名稱和要執行的函數。例如，以下代碼段用于在單擊按鈕時顯示警報：

$( "button" ).on( "click", function() {
alert( "Hello World!" )
});

您還可以將處理程序添加到當前選擇器匹配的元素的所有子元素中。在以下示例中，單擊ul中的任何列表項都將顯示一個警報：

$( "ul" ).on( "click", "li", function() {
alert( $(this).text() );
});

您還可以傳遞數據到事件處理程序中。在以下示例中，單擊按鈕時將觸發處理程序，該程序將顯示注冊按鈕的名稱：

$( "#register-btn" ).on( "click", {
buttonName: "register"
}, function( event ) {
alert( event.data.buttonName );
});

總的來說，on()方法提供了一種簡單的方法來管理事件處理程序，而無需直接操作DOM。它還提供其他有用的功能，例如事件委托和數據傳遞。在您的下一個項目中嘗試on()方法以提高您的事件處理技能！