1. 程式人生 > >改變當前點選的a標籤的樣式,將其他a標籤樣式還原

改變當前點選的a標籤的樣式,將其他a標籤樣式還原

<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>