jQuery的$(this)是一個非常常用的方法,它表示當前正在操作的元素。這個方法通常在事件綁定函數中使用,當事件觸發時,$(this)將會指向觸發事件的元素。
// 一個簡單的點擊事件例子 $('button').click(function() { $(this).text('已點擊'); // 點擊的按鈕的文本內容會被修改 });
上面的例子中,當按鈕被點擊時,事件綁定函數會被觸發。在函數體內部,$(this)指向的是被點擊的按鈕。
$(this)還可以和其他jQuery方法一起使用,比如修改元素屬性、添加/刪除類等等。下面是一個例子:
// 修改被點擊的圖片的寬度和高度 $('img').click(function() { $(this).width(300); $(this).height(200); });
上面的例子中,當圖片被點擊時,它的寬度和高度會被修改為300px和200px。
需要注意的是,$(this)只在事件綁定函數中有效,并且在函數體外部無法訪問它。如果需要在函數體外部訪問$(this),需要將它存儲在變量中。
// 保存$(this)的值為一個變量 $('.myDiv').click(function() { var $this = $(this); setTimeout(function() { $this.hide(); }, 1000); });
上面的例子中,在點擊.myDiv元素時,$(this)保存在$this變量中。在setTimeout函數中,因為$this被保存了下來,就可以在1秒后將.myDiv元素隱藏。