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’;

Read Also: Differences Between jQuery .bind() vs .live() vs .delegate() vs .on()

Delete Cookie:

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