Question

我在我的HTML中调用了一些代码，这些代码在单击时将按钮置于具有白色背景的状态。

如何点击按钮并恢复原来的位置？这是我目前在我的代码中所拥有的：

class MySet < Set; end
x = MySet.new([1,2,3])
y = MySet.new([4,5,6])
(x+y).class     # MySet -- yeah!

点击后，我应该在这里放一些代码让它恢复原状？

Answer 1

$("#button").click(function(){
    var button = $("#button");
    if (button.css("background") === "white") {
        button.css("background", "black");
    } else {
        button.css("background", "white");
    }
});

Answer 2

通常更简单的是在按钮上切换类并使用css规则来管理样式差异：

$(function(){
    $("#button").click(function(){
        $(this).toggleClass( "white_bg");
    });
});

CSS

#button.white_bg{
   background:white;
}

Answer 3

使用切换功能

$( "p" ).click(function() {
  $( this ).toggleClass( "highlight" );
});

.highlight {
background: yellow;
}

从：

http://api.jquery.com/toggleclass/

Answer 4

$(document).ready(function(){

  original_background = $("#button").css("background");
  $("#button").click(function(){
     if ($("#button").css("background")==original_background) {
        $("#button").css("background", "white");
     } else {
        $("#button").css("background", original_background);
     }
  });

})

如何让一个按钮恢复到jQuery中的默认状态

4 个答案: