jquery之cookie操作插件jquery.cookie.js

网站的一些设置数据，比如网站的换肤功能，关闭广告功能等，都需要把网站的设置数据放到用户电脑的内存或硬盘中，那这个数据我们统称为cookie.如果在web前端我们不依靠后台来给用户写入cookie，那么只有通过js来写入了。纯生的javascript(js)代码来写入cookie是很不方便的，我们可以借助一个jquery的cookie插件jquery.cookie.js来写入数据。

引入jquery.cookie.js与jquery插件

在网页头部加入以下代码，引入文件，注意顺序

jquery.cookie要依赖于jquery插件，我们要同时引入两个文件，jquery要首页引入

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

JQ 设置添加一个cookie

语法：

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

例：

$.cookie('mochu', 'true');

说明：

1、创建一个cookie名为：'mochu',值为'true';

2、这里没有设置过期时间，意味着用户关闭浏览器后，这个cookie就过期了。

JQ 设置添加一个指定过期时间的cookie

语法：

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

例：

$.cookie('mochu', 'true', { expires: 7 });

说明：{ expires: 7 }为过期时间，单元为天，这里表示7天以后过期

JQ 读取一个cookie

$.cookie('the_cookie');

JQ删除一个cookie

$.cookie('the_cookie', null);

说明：删除的时候，将其值设置为空即可

其它参数

$.cookie('the_cookie','the_value',{
    expires:7,  
    path:'/',
    domain:'jquery.com',
    secure:true
})　

expires：（Number|Date）有效期；设置一个整数时，单位是天；也可以设置一个日期对象作为Cookie的过期日期；

path：（String）创建该Cookie的页面路径；

domain：（String）创建该Cookie的页面域名；

secure：（Booblean）如果设为true，那么此Cookie的传输会要求一个安全协议，例如：HTTPS；