js.cookie 库介绍

一个简单的、轻量级的javascript api来处理cookie

1、如何使用

创建一个整站cookieCookies.set('name', 'value');创建一个整站cookie ，cookie 的有效期为 7 天Cookies.set('name', 'value', { expires: 7 });创建一个仅对 path 路径页面有效的 cookie ，cookie 的有效期为 7 天Cookies.set('name', 'value', { expires: 7, path: '' });读取 cookieCookies.get('name'); // 如果cookie存在 则获取到cookie值 => 'value'Cookies.get('nothing'); // 如果cookie不存在 则返回 => undefined获取所有可见的 cookieCookies.get(); // 数据格式 => { name: 'value' }删除 cookieCookies.remove('name');删除 path 路径下的 cookieCookies.set('name', 'value', { path: '' });Cookies.remove('name'); // fail!Cookies.remove('name', { path: '' }); // removed!

2、命名空间冲突问题

如果 Cookies 存在命名空间冲突问题，noConflict 函数可以解决这个问题var Cookies2 = Cookies.noConflict();Cookies2.set('name', 'value');

3、JSON

Cookies.set('name', { foo: 'bar' });Cookies.get('name'); // => '{"foo":"bar"}'Cookies.get(); // => { name: '{"foo":"bar"}' }Cookies.getJSON 的使用Cookies.getJSON('name'); // => { foo: 'bar' }Cookies.getJSON(); // => { name: { foo: 'bar' } }

4、属性

domain创建cookie所在网页所拥有的域名Cookies.set('name', 'value', { domain: 'weber.pub' });Cookies.get('name'); // => undefined (需要读取 'weber.pub' 这个域名下的 cookie)secure默认是false，如果为true，cookie的传输协议需为https；Cookies.set('name', 'value', { secure: true });Cookies.get('name'); // => 'value'Cookies.remove('name', { secure: true });

jquery.cookie 介绍

一个简单的、轻量级的jQuery插件来处理cookie的读写和删除。

1、如何使用

创建一个整站cookie$.cookie('name', 'value');创建一个整站cookie ，cookie 的有效期为 7 天$.cookie('name', 'value', { expires: 7 });创建一个仅对 path 路径页面有效的 cookie ，cookie 的有效期为 7 天$.cookie('name', 'value', { expires: 7, path: '/' });读取 cookie$.cookie('name'); // 如果cookie存在 则获取到cookie值 => 'value'$.cookie('nothing'); // 如果cookie不存在 则返回 => undefined获取所有可见的 cookie$.cookie(); // 数据格式 => { name: 'value' }删除 cookie$.removeCookie('name'); // => true$.removeCookie('nothing'); // => false删除带属性的cookie$.cookie('name', 'value', { path: '/' }); // 错误$.removeCookie('name'); // => false // 正确$.removeCookie('name', { path: '/' }); // => true

2、属性

domain创建cookie所在网页所拥有的域名$.cookie('name', 'value', { domain: 'weber.pub' });secure默认是false，如果为true，cookie的传输协议需为https；$.cookie('name', 'value', { secure: true });$.cookie('name'); // => 'value'$.removeCookie('name', { secure: true }); raw默认为false，读取和写入时候自动进行编码和解码（使用encodeURIComponent编码，使用decodeURIComponent解码），关闭这个功能，请设置为true。$.cookie.raw = true;json$.cookie.json = true;