Настройка файлов cookie с помощью jQuery

Question

Я искал учебные пособия по настройке файлов cookie с помощью jQuery (используя плагин cookie jQuery), и все они, похоже, ориентированы на людей, более опытных, чем я.

Вот пример кода:

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

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

Как мне сохранить желтый фон #whatever с помощью cookie?

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