使用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"); 
});