jQuery Cookie (Set, Get and Delete)

jQuery Cookie

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

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.

You may like:  Add table row dynamically in jQuery

Leave a Reply

Your email address will not be published. Required fields are marked *