jquery.cookie 介绍 和 用法

Posted 2020-10-13 ZZZZZLQ

1、依赖jQuery库

2、浏览器兼容性情况

3、下载

官方github：https://github.com/carhartl/jquery-cookie

4、使用

• 创建一个整站cookie

$.cookie(‘name‘, ‘value‘);

• 1

• 创建一个整站cookie ，cookie 的有效期为 7 天

$.cookie(‘name‘, ‘value‘, { expires: 7 });

• 1

• 创建一个仅对 path 路径页面有效的 cookie ，cookie 的有效期为 7 天

$.cookie(‘name‘, ‘value‘, { expires: 7, path: ‘/‘ });

• 1

• 读取 cookie

$.cookie(‘name‘); // 如果cookie存在 则获取到cookie值 => ‘value‘
$.cookie(‘nothing‘); // 如果cookie不存在 则返回 => undefined

• 1
• 2

• 获取所有可见的 cookie

$.cookie(); // 数据格式 => { name: ‘value‘ }

• 1

• 删除 cookie

$.removeCookie(‘name‘); // => true
$.removeCookie(‘nothing‘); // => false

• 1
• 2

• 删除带属性的cookie

$.cookie(‘name‘, ‘value‘, { path: ‘/‘ });
// 错误
$.removeCookie(‘name‘); // => false
// 正确
$.removeCookie(‘name‘, { path: ‘/‘ }); // => true

• 1
• 2
• 3
• 4
• 5

5、属性

domain

创建cookie所在网页所拥有的域名

$.cookie(‘name‘, ‘value‘, { domain: ‘weber.pub‘ });

• 1

secure

默认是false，如果为true，cookie的传输协议需为https；

$.cookie(‘name‘, ‘value‘, { secure: true });
$.cookie(‘name‘); // => ‘value‘
$.removeCookie(‘name‘, { secure: true }); 

• 1
• 2
• 3

raw

默认为false，读取和写入时候自动进行编码和解码（使用encodeURIComponent编码，使用decodeURIComponent解码），关闭这个功能，请设置为true。

$.cookie.raw = true;

• 1

json

$.cookie.json = true;