改变当前点击的a标签的样式，将其他a标签样式还原

最新推荐文章于 2023-09-01 11:30:38 发布

绿茶不加冰windy

最新推荐文章于 2023-09-01 11:30:38 发布

阅读量6.2k

点赞数 1

分类专栏： .Net 文章标签： a 标签 js javascript 前端

本文链接：https://blog.csdn.net/cj199112/article/details/43446777

版权

.Net 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<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');
               });
           });