jQuery中的$(this)表示當前被選中的元素。如果在事件處理函數中使用$(this),它會指向觸發該事件的元素。在使用jQuery選擇器時也可以使用$(this),這樣可以動態地選擇當前元素的子元素或兄弟元素。
同時,$(this)還可以和選擇器組合使用。一個常見的用法是使用$(this)和gt()過濾元素。gt()是一個jQuery方法,可以用來獲取元素集合中指定索引之后的所有元素。例如:
$("div.item").click(function() { $(this).find("p:gt(0)").toggle(); });
上面的代碼會給所有class為item的div元素添加一個點擊事件,當點擊時,它會查找到div下的所有p元素,但只顯示第一個p元素,其他p元素都會被隱藏。
我們也可以用其他選擇器來組合$(this),比如使用parent()來獲取它的父元素:
$("div.item").click(function() { $(this).parent().addClass("selected"); });
上面的代碼會給所有class為item的div元素添加一個點擊事件,當點擊時,它會給該div的父元素添加一個class為selected的樣式。
總之,$(this)是一個很強大的工具,它可以讓我們動態地選擇當前元素及其相關的元素,并在事件處理函數中使用它進行各種操作。