Skip to main content

jQuery Set/Get Browser Session Cookies

By Sam Deering

JavaScript

Share:

😳 Ever felt a little embarassed sharing your JavaScript? Let's fix it.

jQuery Code Snippet to set/get browser cookies for a users session. This could be used to store view states when a user clicks something. The example below shows the cookie being saved to store the visibility of an element.

//event to hide element
...
$("#element").hide();
$.cookie('cookie_name', 'not_in_view');

//event to show element
...
$("#element").show();
$.cookie('cookie_name', 'in_view');

//cookie
var cookie_name = $.cookie('cookie_name');

//initialise
if (cookie_name == 'in_view') {
	$("#element").hide();
};

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

New books out now!

💁‍♀️ Fun Fact: Python was ranked #2 on a recent highest paid coders list. *


🤓 Ok. When did a code editor from Microsoft become kinda cool!?