jQuery是一個非常流行的JavaScript庫,它可以簡化JavaScript開發過程。其中,$(this)是jQuery中非常常用的一個表達式,表示當前選中元素。
舉個例子,我們可以為一個網頁中的多個按鈕添加相同的點擊事件處理函數,通過$(this)來確定具體是哪個按鈕被點擊:
<button class="btn">按鈕1</button><button class="btn">按鈕2</button><button class="btn">按鈕3</button> <script> $('.btn').click(function() { alert("點擊了" + $(this).text()); }); </script>
上面的代碼中,我們給所有class為btn的按鈕添加了點擊事件處理函數,當按鈕被點擊時,會彈出提示框,提示用戶點擊了哪個按鈕。其中,$(this)表示當前被點擊的按鈕。通過調用text()方法可以獲取當前按鈕上的文本內容。
除了在事件處理函數中使用$(this)來確定當前操作的元素外,$(this)還可以用于其他jQuery方法中。例如:
<ul> <li><a href="#">菜單1</a></li> <li class="active"><a href="#">菜單2</a></li> <li><a href="#">菜單3</a></li> </ul> <script> $('li').click(function() { $(this).addClass('active').siblings().removeClass('active'); }); </script>
上面的代碼中,我們針對一個菜單列表中的li元素添加了點擊事件處理函數。當某個li被點擊時,我們通過$(this)獲取當前被點擊的li元素,并對其添加了active類,同時將其兄弟元素的active類都移除。