2 xiaosaman12345 xiaosaman12345 于 2016.02.19 18:30 提问

新手关于jquery问题。

图片说明
效果就是图片上的,单机导航对应的区域加上边框,怎么简单的实现,导航栏里的内容比较多。

 $(document).ready(function () {
           $("div ul li a").eq(0).click(function () {
              console.log($("div ul li a").eq(0));
             $('#1').removeClass("tianjia").addClass("tianjia");
               $('#2').removeClass("tianjia");
            $('#3').removeClass("tianjia");
          });
          $("div ul li a").eq(1).click(function () {
              $('#1').removeClass("tianjia");
         $('#3').removeClass("tianjia");
             $('#2').removeClass("tianjia").addClass("tianjia");
          });
          $("div ul li a").eq(2).click(function () {
              $('#1').removeClass("tianjia");
              $('#2').removeClass("tianjia");
              $('#3').removeClass("tianjia").addClass("tianjia");
         });
       });

            //#1,#2,#3是内容区。

1个回答

showbo
showbo   Ds   Rxr 2016.02.19 19:16

好好学下jquery。。1句就能搞定的事写那么多


    $(document).ready(function () {
        $("div ul li a").click(function () {
            $(this).addClass("tianjia").siblings().removeClass('tianjia');
        });
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!