使用jQuery设置cookie

Question

我搜索了关于如何使用jQuery设置cookie的教程（使用jQuery cookie插件），它们都似乎面向比我更有经验的人。

下面是一些示例代码：

<button>Example</button> 
<div id="whatever" style="background:red;">Test</div> 

<script> 
$('button').click(function() { 
    $('#whatever').css("background","yellow"); 
}); 
</script> 

我怎样才能保持#whatever的背景黄经饼干吗？

Answer 1

嗯，这是易peasy：

//on document ready, checks if the cookie is set, and if so, sets the background with it's value 
$(function(){ 
    if($.cookie("background") != null){ 
    $('#whatever').css("background", $.cookie("background")); 
    } 
}); 
//here you set the cookie, with the value you want 
$('button').click(function() { 
    $('#whatever').css("background","yellow"); 
    $.cookie("background", "yellow"); 
});