Categories: jQuery

jQuery Cookie (Set, Get and Delete)

Cookies are the most important thing or technology for storing data on the client side environment. jQuery Cookie is a simple, lightweight plugin for writing, reading and deleting cookies from client side.

At first you need to download jquery.cookie plugin and simply need to add it in your pages.

<head>
<script src="js/jquery.js"></script>
<script src="js/jquery.cookie.js"></script>
</head>

Set Cookie:

$.cookie('cookie_name', 'cookie_value');
$.cookie('cookie_name', 'cookie_value', { expires: 7 });

To cover all the options:

$.cookie("cookie_name", 'cookie_value', {
expires : 7,
path    : '/',
domain  : 'namasteui.com',
secure  : true
});

Get Cookie:

$.cookie('cookie_name');

returns the value ‘cookie_value’;

Delete Cookie:

$.cookie('cookie_name', null);
$.cookie('cookie_name', null, { path: '/' });
$.removeCookie("cookie_name");

Jacob Frazier

Based on United States, Jacob Frazier is a skilled JavaScript developer with over 8 years of experience. He is passionate about change and trying new things, both professionally and personally. He loves startups and is extremely proactive.