jQuery $(this) 是 jQuery 庫中最核心和強大的語法之一。當使用 jQuery 選擇器時,每一個匹配的元素在操作時都是獨立的,我們可以使用 $(this) 來指代當前操作的元素,使得開發人員輕松地在操作時訪問它的屬性和方法。
下面是一個例子,當用戶鼠標放在一個按鈕上時,背景顏色會改變:
$('button').hover(function(){ $(this).css('background-color', 'red'); }, function(){ $(this).css('background-color', 'green'); });
在這個例子中,我們使用了 jQuery 的 hover() 方法來監聽鼠標懸停事件。當鼠標懸停在按鈕上時,第一個函數會被觸發,我們使用 $(this) 來獲取當前的按鈕,并且將它的背景顏色改為紅色。當鼠標移開的時候,第二個函數會被觸發,同樣使用 $(this) 來獲取當前的按鈕,并把背景顏色改為綠色。
$(this) 只有在回調函數中才有意義。在其他情況下,它將被視為未定義的。在回調函數中,$(this) 指代的是當前操作的元素,而不是選擇器匹配的所有元素。這使得我們不必每次都定義一個變量來存儲當前操作的元素,為我們帶來了極大的方便。
總而言之,$(this) 是 jQuery 庫中一種非常方便的語法,可以幫助開發人員輕松地訪問并操作當前的 HTML 元素。