需要默認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樣式.specialClass button ，其中specialClass是要設置特殊樣式時分配給主體的類）

如果要刪除其他布局，請使用按鈕刪除css類，它將返回默認值。