jquery操作cookie

本文介绍了一个轻量级的 jQuery cookie 插件,详细讲解了如何使用此插件来读取、写入和删除 cookie,并提供了配置示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 

jquery.cookie 使用方法

一个轻量级的 cookie 插件,可以读取、写入、删除 cookie 。

jquery.cookie.js 的配置

首先包含 jQuery 的库文件,在后面包含 jquery.cookie.js 的库文件。

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

使用方法

新添加一个会话 cookie

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

 

注:当没有指明 cookie 有效时间时,所创建的 cookie 有效期默认到用户关闭浏览器为止,所以被称为

“会话 cookiesession cookie

创建一个 cookie 并设置有效时间为 7 :

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

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

注:当指明了 cookie 有效时间时,所创建的 cookie 被称为“持久 cookiepersistent cookie 。”

创建一个 cookie 并设置 cookie 的有效路径:

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

注:在默认情况下,只有设置 cookie 的网页才能读取该 cookie 。如果想让一个页面读取另一个页面设

置的 cookie ,必须设置 cookie 的路径。cookie 的路径用于设置能够读取 cookie 的顶级目录。将这

个路径设置为网站的根目录,可以让所有网页都能互相读取 cookie (一般不要这样设置,防止出现冲突)。

读取 cookie

$.cookie('the_cookie'); // cookie 存在 => 'the_value'
$.cookie('not_existing'); // cookie 不存在 => null
//删除 cookie,通过传递 null 作为 cookie 的值即可:
$.cookie('the_cookie', null);
 

相关参数的解释:

 

expires: 365

定义 cookie 的有效时间,值可以是一个数字(从创建 cookie 时算起,以天为单位)或一个 Date 对

象。如果省略,那么创建的 cookie 是会话 cookie ,将在用户退出浏览器时被删除。

path: '/'

默认情况:只有设置 cookie 的网页才能读取该 cookie

定义 cookie 的有效路径。默认情况下,该参数的值为创建 cookie 的网页所在路径(标准浏览器的行为)。

如果你想在整个网站中访问这个 cookie 需要这样设置有效路径:path: '/' 。如果你想删除一个定义

了有效路径的 cookie ,你需要在调用函数时包含这个路径 :$.cookie('the_cookie', null,

{ path: '/' }); 。


domain: 'example.com'

默认值:创建 cookie 的网页所拥有的域名。

secure: true

默认值:false 。如果为 truecookie 的传输需要使用安全协议(HTTPS )。

raw: true

默认值:false

默认情况下,读取和写入 cookie 的时候自动进行编码和解码(使用 encodeURIComponent 编码,

decodeURIComponent 解码)。要关闭这个功能设置 raw: true 即可。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值