jQuery是一種JavaScript庫(kù)，它被廣泛用于開發(fā)現(xiàn)代Web應(yīng)用程序。它提供了一種快速、靈活和強(qiáng)大的方法來(lái)處理HTML文檔和CSS樣式，同時(shí)允許與后端服務(wù)器進(jìn)行通信。其中on()方法是jQuery的一個(gè)重要方法，它允許對(duì)DOM元素進(jìn)行事件綁定。而$(this)則引用當(dāng)前被點(diǎn)擊的元素。

$(document).ready(function() {
$('button').on('click', function() {
$(this).toggleClass('active');
});
});

在上面的代碼中，我們使用了on()方法與click事件一起使用來(lái)切換元素類，并在被點(diǎn)擊的元素上使用了$(this)。這意味著，只有當(dāng)前被點(diǎn)擊的按鈕會(huì)改變其class，而不是所有按鈕。這種行為通常被稱為“事件代理”。

除了click事件外，on()方法還允許處理各種其他事件，包括鼠標(biāo)懸停、鍵盤敲擊和表單提交。此外，它還允許使用選擇器來(lái)指定要綁定事件的元素。

$(document).ready(function() {
$('ul').on('click', 'li', function() {
$(this).toggleClass('completed');
});
});

在這個(gè)例子中，我們使用on()方法將事件綁定到ul元素上，但只有l(wèi)i元素會(huì)觸發(fā)事件。這使得添加新的li元素時(shí)，無(wú)需更改事件代碼。

總之，jQuery的on()方法是一種非常強(qiáng)大的方式來(lái)處理事件，使得我們能夠輕松地處理多個(gè)元素、事件類型和選擇器。