JQuery是一種廣泛使用的JavaScript庫，它支持許多日常工作中所需的功能。其中最常用的之一是事件監(jiān)聽，特別是使用on()函數(shù)監(jiān)聽事件。on()函數(shù)的語法非常簡單，但對(duì)于新手來說可能很難理解其中的參數(shù)。其中一個(gè)參數(shù)是$(this)。讓我們來了解一下$(this)在監(jiān)聽事件中的作用：

$('button').on('click', function() {
$(this).addClass('active');
});

在這個(gè)例子中，一個(gè)名為$(this)的變量被傳遞給了事件處理函數(shù)。$(this)是一個(gè)非常重要的變量，因?yàn)樗试S我們?cè)贖TML元素的上下文中輕松地操作對(duì)象。

例如，當(dāng)我們?cè)谏厦娴拇a中單擊按鈕時(shí)，將會(huì)在該按鈕上添加一個(gè)類名"active"。如果有多個(gè)按鈕，它們將分別添加"active"類名，而不會(huì)相互干擾。這是因?yàn)樽兞?(this)不會(huì)影響其他按鈕。

$('.card').on('click', function() {
$(this).toggleClass('active');
});

在這個(gè)例子中，我們使用了另一個(gè)廣泛使用的JQuery函數(shù)toggleClass()。當(dāng)我們單擊一個(gè)類名為"card"的元素時(shí)，它將添加或刪除"active"類名。正如上面提到的那樣，這不會(huì)影響其他元素，因?yàn)槲覀兪褂昧俗兞?(this)。

總之，變量$(this)可以幫助我們?cè)谑录O(jiān)聽回調(diào)函數(shù)中輕松處理當(dāng)前元素的所有操作。它是JQuery中一個(gè)非常有用的功能，新手和有經(jīng)驗(yàn)的開發(fā)人員都應(yīng)該掌握它。