jquery - Jquery 切换动作

Question

可能重复：
使用 JQuery 在样式之间切换

当我说切换时，我并不是指切换（）函数。我将项目的 css 更改为单击功能上的任何内容，我想再次单击该项目并恢复为原始 css。

 $("#item").click(function(){
      $("#item").css("border-color", "#A8402A");
 });

Answer 1

而不是修改内联样式，只需使用一个类：

CSS：

.active {
    border-color: #A8402A;
}

JavaScript：

$('#item').click(function() {
    $(this).toggleClass('active');
});

演示：http: //jsfiddle.net/zjE3x/1/

Answer 2

其实你的意思是.toggleClass()功能

做就是了

$("#item").click(function(){
    $(this).toggleClass("newClass");
});

where.newClass包含您要添加/删除的样式，即

.newClass{
    border-color: #A8402A;
}

Answer 3

我认为您想要的是toggleClass。它可以让你用 css 类设置你的样式，然后从你的 jQuery 中动态地交换它们。