首页 » HTML与CSS » 随笔 » 阅读文章

JQ的学习之用JQ来实现按钮的切换

2010-08-30 16:25 21783 6 发表评论
标签:

用JQ来实现按钮的切换

$(function() {

 var tabs = $(‘.info.f_l h3 span’);//找到所要切换的按钮,可以是标签、可以是CSS、也可以是ID
 tabs.bind(‘click’, function(event) {
      var $this = $(this);
      tabs.removeClass(‘info_ok’);//删除所有该标签的所有“info_ok ”
      $this.addClass(‘info_ok’);//为当前标签添加“info_ok ”
      var tid = $this.attr(‘name’).match(/info_(\d+)/i)[1];//读取当前标签的“name ”值,一定要从0开始
      $(‘.info.f_l .infocom’).addClass(‘none’);//为所有相关的标签添加CSS(因为我用的CSS是用来隐藏的)
      $(‘.info.f_l .infocom:eq(‘ + tid + ‘)’).removeClass(‘none’);//为当前标签删除CSS
  });

});

本文地址:http://www.jwzzsw.com/archives/257.html

文章作者:思悟
版权所有 © 转载时请以链接形式注明作者和原始出处!

评论 共6条 (RSS 2.0) 发表评论

  1. qq日志说道:

    经常关注,发现原来博主是大牛,哈哈`

  2. 护栏网说道:

    博主这篇文章写的真不错,值得推荐!

  3. 问个问题,我每天手工采集二十篇文章对排名有没有好处啊?谢谢啊!

  4. 餐具包装机说道:

    博主写的文章真不错,支持,支持。。。

  5. lvguang说道:

    内容很真实,感慨很深,谢谢,我的文章组织能力没有你好呵呵….

发表评论

联系我 Contact Me

回到页首