如何保存页面状态（颜色，每个元素的背景颜色）

Question

在我的页面中，我有一个更改文字和背景颜色的按钮

 $("#invert_color_button").click(function () {

     $("body *").not("#text-resize-buttons *").css("cssText", "background-color: black; color: white;");
});

如何保存原始值并使用其他按钮还原它们？

Answer 1

我认为你不应该在JS中使用内联CSS更改。而是使用一些类，例如：

.selected {
    background: red;
}

.deselected {
    background: gray;
}

然后检测DIV是否有类并交换它们。您也可以使用数据属性。