首页 » HTML与CSS » 随笔 » 阅读文章
JQ的学习之用JQ来实现按钮的切换
标签:jquery
用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
});
});
评论 共6条 (RSS 2.0) 发表评论
经常关注,发现原来博主是大牛,哈哈`
赞一个!
博主这篇文章写的真不错,值得推荐!
问个问题,我每天手工采集二十篇文章对排名有没有好处啊?谢谢啊!
博主写的文章真不错,支持,支持。。。
内容很真实,感慨很深,谢谢,我的文章组织能力没有你好呵呵….