JQuery中比較常用的是選擇器和事件。事件指的是在特定的時間發生的動作，比如點擊、移動鼠標等。而選擇器是用于選擇特定元素的工具，比如選擇一個按鈕、輸入框等等。如何將它們結合起來進行事件監聽呢？這時候就需要用到JQuery中的on()函數。

$(document).on('click', 'button', function(){
alert('您點擊了按鈕');
});

上面的代碼就是利用on()函數來監聽點擊事件。其中，第一個參數表示監聽事件類型，這里是click事件；第二個參數則是指定要監聽的元素，這里是button元素；第三個參數則是回調函數，在這里是彈出一個提示框。這段代碼的意思就是監聽整個文檔中所有的按鈕點擊事件，當點擊按鈕時就會彈出一個提示框。

除了click事件，on()函數還可以監聽其他很多事件，比如hover、submit等等。而且，on()函數還可以多次調用來進行多個事件的監聽。下面是一個例子：

$('input').on('focus', function(){
$(this).css('background', 'yellow');
});
$('input').on('blur', function(){
$(this).css('background', 'white');
});

這段代碼監聽了兩個事件：focus和blur，其中focus事件當焦點在input元素上時，將其背景色改為黃色；而當焦點離開input元素時，將其背景色改為白色。

使用on()函數進行事件監聽可以幫助我們更有效地操作DOM元素，提高網頁的交互性。同時，也可以使代碼更簡潔、可讀性更高。