改變當前點選的a標籤的樣式,將其他a標籤樣式還原
阿新 • • 發佈:2019-02-04
<strong>假設現在需要實現這樣的功能:下面有三個a標籤,點選任意一個a標籤,顏色變為藍色,其餘的恢復無色,如下圖</strong><p><img alt="" src="https://img-blog.csdn.net/20150203105129783?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY2oxOTkxMTI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" /></p><p>前端程式碼:</p><p><div id="examtype"></p><p> <a class="item cur" href="javascript:;" >全部</a> <a class="item" href="javascript:;" >試卷</a> <a class="item" href="javascript:;" >真題</a></p><p></div></p>
js實現a標籤切換效果:
<script language="javascript" type="text/javascript"> $(function () { $("#examtype a").click(function () { $("#examtype a").each(function () { $(this).removeClass("cur"); }); $(this).attr('class', 'item cur'); }); });
</script>