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币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
jquery mobile 新手问题
文章导读: 1、页面缩放显示问题2、页面跳转后样式丢失js失效3、跳转时重复调用pageinit方法的解决办法4、如何调用loading效果5、动态改变了list的内容,但是内容并没有变化6、把所有内容放到一个页面好,还是分开多页面好7、如何禁掉ajax跳转8、为什么android2.3系统转屏无效果?9、如何去掉jqm自带的组件样式?10、jquery mobile “闪屏” 问题11
jquery 新手
$(function () {   $("td input:text:first").focus();   var $inp = $("td input:text");   $inp.bind("keydown", function (e) {   var key = e.which;       if (key == 13) {   // alert($(this).attr(
jquery mobile 新手问题汇总
参考网址:http://blog.csdn.net/woshiwxw765/article/details/20078815
Jquery mobile 新手问题总汇
转自:http://www.wglong.com/main/artical!details?id=4 1页面缩放显示问题 问题描述: 页面似乎被缩小了,屏幕太宽了。 解决办法: 在head标签内加入: 2 页面跳转后样式丢失js失效 问题描述: 用ajax跳转的时候,从a.html跳转到b.html后,b.html的css以及js都失效了。 解
关于jquery版本冲突问题
今天做项目时,碰到一个问题,纠结了好几个小时。我需要引入jquery-1.9.1.js来满足我引入的别的js文件,但同时,我也需要引入jquery.js,这个是必须要引入的。而这两个不能只引入一个,同时引入又碰到问题。后来,试了很长时间,终于发现一个办法可行。       var jQuery_1_9_1 = jQuery.noConflict(true);   然后,引入jque
关于 JQuery 升级的问题
发现时代在进步,不一定稳定版的就好... 今天将 Jquery 升级为1.4.2版本的(以前用1.2.6),把1.4.2和json整合之后发现原有的很多功能都不能用了所有浏览器均报错 “对象不支持此属性或方法(IE)”调试js之后发现报错的对象的内容 均为 [@name=xxxx] 好了,找到原因就可以进行下一步了,查API,,又发现 1.4.2 对于name的获取方式
关于jquery的传值问题
关于页面传值, 1、后台传值,通过response.redirect(“sss.aspx?action=edit&id=**”); 2、前台repeater绑定,然后编辑传值 3、ajax传值 data(cmd:del, FID:id,**),这里的id是通过js点击事件,调用,然后把主见id传过去,前提input得有name。 然后后台,用request["FID"]获取值 4、js
Jquery 和关于 复选框 的问题
最近做一个项目,我把自己模块做好调试了已经没问题了。 但当我把我的代码放到公司框架里发现点击复选框根本不会触发事件。 仔细研究了一下原来是checkbox 的check属性惹得祸。 1. 如果在页面定义如下复选框,只要写了checkbox 属性不管为什么值,  在页面复选框
关于jquery的资料关于jquery的资料
关于jquery的资料关于jquery的资料关于jquery的资料关于jquery的资料
关于 jQuery About jQuery
开始学习英语,找些简单的文档来做练习...