JQuery的on()方法是用于給指定的元素或選擇器添加事件處理程序的常用方法。on()方法為不同類別的事件提供不同的函數，其中最常見的為click、mouseenter、mouseleave等。在此基礎上，還可以使用on()方法對匹配的元素或子元素進行事件委托（事件冒泡），實現代碼的簡潔性和可維護性。

$(document).on('click', '#divId .button', function(){
// 事件處理代碼
});

上述代碼中，使用on()方法為document添加了一個click事件處理程序，當用戶在#divId元素中點擊.button元素時，將執行預定義的事件處理代碼。

在上述代碼中，使用on()方法的第一個參數為所綁定事件的名字。如需要綁定多個事件，可以使用空格分隔。第二個參數為選擇器，達到適用于不止一個元素的目的。如果該參數為null或undefined，則為已存在的元素綁定事件。當事件觸發時，匹配選擇器的所有子元素都將執行事件處理程序。

on()方法還可以為元素綁定命名空間，以便撤銷或查找已綁定的事件處理程序。需要注意的是，使用命名空間會導致速度變慢，因此建議僅在特定場景下使用。

$(document).on('click.myNamespace', '#divId', function(){
// 事件處理代碼
});

上述代碼中，為document添加了一個click事件處理程序，同時為該處理程序指定了一個命名空間myNamespace。在需要找到或刪除該事件處理程序時，可以通過指定該命名空間來進行操作。

總而言之，使用JQuery的on()方法可以提高代碼的可讀性和可維護性，同時將代碼與html分離，使得應用更加靈活。