Jquery切换动作

Question

  

可能重复：
  Using JQuery to toggle between styles

当我说切换时，我不是指toggle（）函数。我将项目的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");
});

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

.newClass{
    border-color: #A8402A;
}

Answer 3

我认为你想要的是toggleClass。它将允许您使用css类设置样式，然后从jQuery动态交换它们。