jquery - 如何保存页面状态(颜色，每个元素的背景颜色)

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 是否有类并交换它们。您也可以为此使用数据属性。