JQuery是一種方便易用的JavaScript庫，可以使代碼編寫更加簡潔和易于維護。其中on()函數是jQuery庫中的一個重要的事件處理函數，可以傳遞對象來綁定事件處理函數，使代碼更靈活。

$(selector).on(eventName, [subSelector], function(eventObject) {
//事件處理函數
});

on()函數可以接受三個參數:

• selector: 要綁定事件的目標元素
• eventName: 事件名稱，可以是click、mouseover、keydown等
• function: 事件處理函數，可以是一個匿名函數或者指定的函數名稱

on()函數還可以傳遞一個可選的subSelector參數，用于在選擇器中指定一個子元素來綁定事件。如果使用了這個參數，只有指定的子元素上的事件才會觸發事件處理函數。

$(document).on('click', 'button', function() {
alert('按鈕被單擊了!');
});

這段代碼表示，當任何一個button被單擊時，就會觸發事件處理函數。這種方式可以解決動態添加元素沒有事件的問題。如果你后續通過AJAX或者其他方式向頁面中添加了新的button元素，這個事件處理函數仍然能夠正確地處理這些新添加元素的事件。

總之，on()函數的靈活性使得我們可以更加容易地編寫事件處理代碼。選擇器和事件名稱的組合可以選擇目標元素，并使用特定的事件響應函數處理它們。還可以使用subSelector參數為目標元素的子元素指定事件響應函數。