JQuery点击a标签变⾊,点击另⼀个a标签恢复原来的颜⾊想实现点击a标签变⾊,点击另⼀个a标签恢复原来的颜⾊,⾃⼰先是⽤JavaScript写了⼀个函数ChangeCss(),如下:
function ChangeCss(obj){
var alist = ElementsByTagName('a');
for(var i=0;i<alist.length;i++){
alist[i].lor="#6a6a6d";
}
lor="#76cbe7";
}
可以实现想要的效果,但是会改变除了左导航部分的其他a标签的样式。当我改变alist的获取写法时,(改为 var alist =
之后我改⽤JQuery写,但是对Jquery不太熟悉,刚开始写的⽅法没法实现所有要求,点击⼆三级导航会变颜⾊,不会恢复原来的样式,如下:
$(function(){
//点击⼆三级导航会变颜⾊
$(".firstNav").find("a").click(function(e){
$(this).css("color","#76cbe7");
});
})
后来改⽤addClass()和removeClass()⽅法,实现了该功能。如下:
$(function(){
$(".firstNav").find("a").click(function(e){
$(".firstNav a").removeClass("on");
$(this).addClass("on");
});
})
>jquery在一个元素后追加标签
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论