jQuery 的 on() 方法可以用來綁定事件。它通過冒泡（bubble）和捕獲（capture）來處理事件，幫助我們更加靈活地管理頁面交互。

// 綁定事件
$('#myElement').on('click', function() {
console.log('click on #myElement');
});
// 監(jiān)聽和處理子元素的 click 事件
$('#myParent').on('click', '#myChild', function() {
console.log('click on #myChild inside #myParent');
});

通過 on() 方法綁定事件時，我們可以傳入第二個參數(shù)來指定要監(jiān)聽事件的子元素。這樣，即使新的子元素被添加到父元素中，也不需要再次綁定事件。

在默認情況下，jQuery 的事件處理使用冒泡機制。也就是說，事件由最內(nèi)層的元素向外層元素冒泡，直到目標元素或 document 對象。冒泡機制的好處是可以使我們更加方便地管理事件，同時也可以將事件處理程序綁定到父元素上，從而提高頁面性能。

但有時我們需要使用捕獲機制。捕獲機制與冒泡相反，事件會從外層元素開始，逐層向內(nèi)，直到達到目標元素。這種機制適合于處理一些需要提前處理的事件，例如在用戶單擊一個鏈接之前禁用它。

// 使用捕獲機制
$('#myElement').on('click', function() {
console.log('click on #myElement');
}, true);

使用 on() 方法綁定事件時，我們可以設(shè)置第三個參數(shù)來控制事件的處理方式。如果值為 true，則使用捕獲機制，否則為冒泡機制。在一些特殊情況下，比如要對某個特殊元素進行處理時，我們可以使用捕獲機制。

總的來說，jQuery 的 on() 方法為我們提供了靈活且高效的事件綁定方式。通過冒泡和捕獲機制，我們可以更好地控制頁面中的事件處理，從而實現(xiàn)更好的用戶交互體驗。