jquery - Keep the same colour after page refresh

Question

When I click the div, the color of the span changes to red, as i expected, but when I refresh my page the color isn't red, it returns back to original color, in my case green. How can I preserve the same color (red) after refreshing the page? I event tried with .apend() but the situation is the same.

This is my HTML:

  <span>Green</span>
  <div id="changeColor"> </div>

jQuery:

$('#changeColor').click(function(){

$('span').css({"background-color":"red"});

});

Thank you all :D

Answer 1

看看这个jQuery cookie 插件。您可以使用它（或类似插件）在 cookie 中创建/读取和存储信息。然后，当页面加载时，您可以使用此 cookie 设置div存储在 cookie 中的颜色。

这是一个示例JSFiddle。

我希望这有帮助！

Answer 2

您需要将您的信息保存在Cookie中。除此之外，或者使用某种数据库，没有办法在页面刷新后保留信息。

Answer 3

您需要将值存储在 cookie 中，在页面加载时测试 cookie 的值并相应地设置 div 的颜色。