【转载】使用Jquery操作Cookie对象

Cookies是一种能够让网站服务器把少量数据储存到客户端的硬盘或内存，或是从客户端的硬盘读取数据的一种技术。jQuery是一个封装好的JavaScript库，使用jQuery可以极大地简化了JavaScript编程，方便前端开发人员。使用传统的javascript来操作cookie的话会相对比较繁琐些，需要自己封装相应的方法，而Jquery库中正好包含了这样一个操作cookie的插件jquery.cookie.js，大大简化操作。

首先到Jquery官网下载对应的jquery.cookie.js插件：http://plugins.jquery.com/cookie/。下载完成后将此js文件引入到你的前端页面中。引入的方法如下(j假设放在js的文件夹中)：

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>

引入文件之后，你即可使用Jquery.cookie.js中定义的函数方法来操作cookie。

（1）添加一个会话级别的Cookie对象

$.cookie('the_cookie', 'the_value');

通过此语句添加的cookie对象为会话级别，在语句中没有设置有效期，默认到浏览器关闭的时候即会清空。

（2）创建一个包含有效期的持久Cookie对象

$.cookie('the_cookie', 'the_value', { expires: 3 });

在此语句中设置了Cookie有效期为3天。

（3）创建Cookie的同时指定存储路径。

$.cookie('the_cookie', 'the_value', { expires: 3, path: '/' });

（4）读取已有的Cookie对象和删除Cookie

$.cookie('cookieName'); //cookieName是Cookie对象的Name，如果存在则返回该cookie的Value。

$.cookie('cookieName', null);//cookieName是Cookie对象的Name，如果存在则会将Name的Cookie对象移除。

扩展阅读：使用原生javascript操作Cookie值。

备注：此文章转载自博主个人技术站点：IT技术小趣屋。原文链接：查看原文。

博主个人技术交流群：960640092，博主微信公众号如下：