如何使用JQuery更改超链接颜色？

Question

我在ul li中使用标签来制作菜单。现在我需要在点击链接后更改颜色，但是在下面的标签我不能改变这个。请指导我

我的代码：

$(".Bio").click(function(){
     $("nav ul li a").delay(200).animate({color:'#FFFFFF'},1500);
});

Answer 1

这是执行此操作的一种方法： http://jsfiddle.net/0nw60fdb/

$(".Bio").click(function(e){
     $(e.target).css('color','#FFFFFF');
     //change the css color of the target once clicked
});

将其添加到样式表（css）

.Bio {
    -webkit-transition: color 1.5s ease .2s;
    -moz-transition: color 1.5s ease .2s;
    -o-transition: color 1.5s ease .2s;
    transition: color 1.5s ease .2s;
}

使用0.2秒的延迟缓解属性颜色超过1.5秒的过渡。