Setting cookies with jQuery

Question

I've searched for tutorials on how to set cookies with jQuery (using the jQuery cookie plugin) and they all seem to be oriented towards people more experienced than me.

Here's some example code:

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

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

How can I keep #whatever's background yellow via cookie?

André Alçada Padez · Accepted Answer · 2012-01-29 23:03:41Z

3

Well, it's easy 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");
 });

answered Jan 29, 2012 at 23:03

André Alçada Padez

11.7k26 gold badges72 silver badges130 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Setting cookies with jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related