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

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

在這個例子中，一個名為$(this)的變量被傳遞給了事件處理函數。$(this)是一個非常重要的變量，因為它允許我們在HTML元素的上下文中輕松地操作對象。

例如，當我們在上面的代碼中單擊按鈕時，將會在該按鈕上添加一個類名"active"。如果有多個按鈕，它們將分別添加"active"類名，而不會相互干擾。這是因為變量$(this)不會影響其他按鈕。

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

在這個例子中，我們使用了另一個廣泛使用的JQuery函數toggleClass()。當我們單擊一個類名為"card"的元素時，它將添加或刪除"active"類名。正如上面提到的那樣，這不會影響其他元素，因為我們使用了變量$(this)。

總之，變量$(this)可以幫助我們在事件監聽回調函數中輕松處理當前元素的所有操作。它是JQuery中一個非常有用的功能，新手和有經驗的開發人員都應該掌握它。