jquery選擇器是一種方便快捷地定位頁面元素的工具,而在jquery選擇器中使用this關鍵字,可以更精準地定位目標元素。
$(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); });
上面的代碼中,$("p")表示選中所有的p標簽,然后使用click事件對它們進行監聽。
在click事件處理函數中,$(this)表示本次觸發事件的目標元素,即當前被點擊的p標簽。使用hide()方法將該元素隱藏起來。
不僅如此,使用this關鍵字還能在選擇器中進行更精確的定位。比如,若要對id為myDiv下的所有子元素使用click事件監聽,可以這樣寫:
$("#myDiv").children().click(function(){ $(this).hide(); });
在這個例子中,我們使用$("#myDiv").children()匹配id為myDiv的元素下的所有子元素,然后使用$(this)定位具體的目標元素。
總之,在jquery選擇器中使用this關鍵字,可以精準地定位目標元素,進而進行更具針對性的處理。
下一篇jquery選擇器理論