jquery - 如何永久改变某些元素的颜色？

Question

我有一个 php 页面，我希望用户可以在该页面上更改某些元素的颜色，并且下次加载该页面时，他的选择应该默认加载。

我正在使用 jQuery click() 函数来更改颜色，并在服务器端保存更改，我认为最好的方法是使用 jquery/json，但我是全新的关于这个。

我应该有一个单独的 json 文件来存储颜色选项吗？我在网上找到了很多关于 jquery/json 的故事，但仍然需要一个如何完成此任务的示例。请提供有用的链接或代码示例提供帮助。

 #div01 {
        background:#008080;
        color:#ffffff;
    }


$('#btnBlue').click(function () {
    $('#div01').css('background', '#0000ff');
    $('#div01').css('color', '#ffffff');
});

$('#btnRed').click(function () {
    $('#div01').css('background', '#ff0000');
    $('#div01').css('color', '#0000ff');
});

Answer 1

您需要将这些元素的状态保存在某个地方，否则这是不可能的。

要持久化状态，您需要确定是使用客户端存储还是服务器端持久化。

如果您只想在浏览器中存储数据，那么您可以考虑 cookie 或 html5 localStorage，但缺点是一旦设置，所有使用浏览器的用户都将获得更新后的状态。

如果您在网站中进行用户跟踪，那么您可能必须使用服务器端持久性来存储与当前用户相关的状态