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

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

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

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

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

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

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

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