jQuery是一個非常流行的JavaScript庫，提供了許多方便的api來操作DOM和事件處理。其中，on方法是用于事件處理的一個重要方法。它可以注冊一個或多個事件的處理函數，而且還可以使用冒泡和捕獲機制。

$('button').on('click', function(){
console.log('按鈕被點擊了！');
});

上述代碼中，我們使用了on方法來注冊了一個按鈕的點擊事件，當按鈕被點擊時，會打印出一個日志。這個事件處理函數只有冒泡階段才會執行，也就是說，當按鈕被點擊時，事件會一層一層地向上冒泡，直到遇到document對象為止，然后開始從上往下執行事件處理函數。

$('button').on('click', function(){
console.log('按鈕被點擊了！');
}, true);

如果我們使用了第三個參數，將其設為true，則表示事件處理函數會在捕獲階段執行。也就是說，當按鈕被點擊時，事件從document對象開始向下捕獲，直到遇到按鈕對象為止，然后再從下往上執行事件處理函數。

$('ul').on('click', 'li', function(){
console.log('列表項被點擊了！');
});

當我們使用了on方法的另一種形式，即使用第二個參數選擇器來匹配子元素時，事件處理函數會委托到選擇器匹配的子元素上。在這種情況下，事件的冒泡和捕獲機制和上述情況一樣，事件處理函數只會在冒泡階段執行。