在jQuery中,有一種非常重要的方法叫做$(this),它可以代表當(dāng)前操作的元素。換句話(huà)說(shuō),他可以讓你在使用jQuery選擇器的時(shí)候,只選擇當(dāng)前的元素,而不是全部。
一個(gè)簡(jiǎn)單的例子:
<p class="myClass">這是一個(gè)段落</p><p class="myClass">這也是一個(gè)段落</p><p class="myClass">這還是一個(gè)段落</p><script>$('.myClass').click(function(){ $(this).addClass('clicked'); }); </script>
在這個(gè)例子中,當(dāng)我們點(diǎn)擊.myClass類(lèi)的任意一個(gè)段落時(shí),只有被單擊的那個(gè)段落被添加類(lèi)clicked,而其他的不會(huì)受到影響。
另外,$(this)還可以用于查找其他元素,例如:
<ul><li>蘋(píng)果</li><li>梨子</li><li>香蕉</li></ul><script>$('li').click(function(){ $(this).siblings().removeClass('selected'); $(this).addClass('selected'); }); </script>
在這個(gè)例子中,點(diǎn)擊一個(gè)li元素時(shí),$(this)指向當(dāng)前被點(diǎn)擊的li元素,然后使用siblings()方法查找其他同級(jí)元素(即其他li元素),將它們的類(lèi)selected移除,然后將被單擊的那個(gè)li元素添加類(lèi)selected。
總結(jié)來(lái)說(shuō),$(this)是jQuery中非常重要的方法,它可以讓你只對(duì)當(dāng)前操作的元素進(jìn)行操作,避免了對(duì)所有元素的影響。如果你還沒(méi)有使用過(guò)它,趕緊去試試吧!