Question

jQuery点击变色再点击还原，这是这部分代码，怎么实现点击之后变色，再点一次还原





Answer 1

添加一个类，然后判断是否有该类，有则删除，没有则添加。如添加一个.blue类。点击上午按钮时的代码如下：

$("#applyTimeMor").click(function(){
    if($(this).hasClass("blue")){
        $(this).removeClass("blue");
    }else{
        $(this).addClass("blue");
    }    
});

这是一个例子，你可以参考一下

追问

我用alert测试，走到这一步了，但是样式没加载，顺序是3 - >1 - > 2

追答

什么样式没加载？js的运行顺序没错啊。

你的testdemo已经有了，为什么还要加上去？

追问

你看，这就是我电脑上的效果，是我哪里出错了？

追答

你把两个样式的位置交换一下，css的运行顺序是从上到下。换一下就没问题。或者将.demo里面的

border:2px solid #ffbc3b;

改成：

border:2px solid #ffbc3b !important;

你的.testdemo里面有前两个样式了，在.demo里面可以不用再写

Answer 2

是上午下午都要变色吗？ 是字体颜色变色呢还是背景色变色？
使用jquery
$("#trMor").click(function(){
//这里先用字体颜色来判断
var color=$("this").css("color");

if(color=="本来的颜色值"){
$("this").css("color","要变的颜色值");
}else{
$("this").css("color","本来的颜色值");
}
});
下午的做法 同样

追问

上下午都要变色，只是border变色，那个时间也是要的，就字体变色，如果要是用each遍历来写应该怎么写

Answer 3

给你个思路吧 再css里写个样式

.bianse
{
color:red
}

jquery是

$("#applyTimeMor").click(function(){

if($(this).hasClass("bianse")){

$(this).removeClass("bianse")

}else{

$(this).addClass("bianse");

}

});