javascript - 需要默认 CSS 按钮 (JQuery)

Question

我使用了 http://www.w3schools.com/jquery/jquery_css.asp 上的教程使用 jQuery 允许访问者更改样式。我创建了两个按钮，一个允许访问者将字体更改为格鲁吉亚，另一个用于更改背景和字体颜色。

这是我的代码:

<script>
$(document).ready(function(){
    $("button#btn24").click(function(){
        $(".Page1").css({"font-family":"Georgia"});
        $("header").css({"font-family":"Arial"});
    });
});

$(document).ready(function(){
    $("button#btn25").click(function(){
        $(".Page1").css({"background-color":"black","color":"fff"});
    });
});
</script>

<button id="btn24" style="background: #900; font-family: Georgia;">Georgia</button>
<button id="btn25" style="background: #000;">Black</button>

现在我已准备好进行下一步 - 允许用户返回到默认样式。有没有办法删除由一个按钮、两个或多个按钮或所有按钮调用的样式？

Answer 1

我建议简单地创建一些最初没有使用的 css 样式。如果按下按钮，则向 body 添加一个类。您也需要在 css 样式中使用该类。 (所以有一个样式 .specialClass button 例如，其中 specialClass 是当你想设置特殊样式时分配给 body 的类)

如果你想删除额外的布局，用一个按钮删除css类，它会恢复到默认。