当前位置: 首页 > 工具软件 > cookie.js > 使用案例 >

Jquery插件Jquery.cookie.js使用方法

左丘边浩
2023-12-01

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

1

2

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

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

jquery.cookie.js文件去百度找,一搜一大堆


语法

1

$.cookie(名称,值,[option]);


新添加一个会话 cookie

1

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

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

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

1

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

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

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

1

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

注:在默认情况下,只有设置 cookie的网页才能读取该 cookie。如果想让一个页面读取另一个页面设置的cookie,必须设置cookie的路径。cookie的路径用于设置能够读取 cookie的顶级目录。将这个路径设置为网站的根目录,可以让所有网页都能互相读取 cookie (一般不要这样设置,防止出现冲突) 。

读取cookie

1

2

$.cookie('the_cookie'); // cookie存在 => 'the_value' 

$.cookie('not_existing'); // cookie不存在 => null


删除cookie,通过传递null作为cookie的值即可

1

$.cookie('the_cookie', null);


[option]参数说明:

1

2

3

4

expires:  有限日期,可以是一个整数或一个日期(单位:天)。  这个地方也要注意,如果不设置这个东西,浏览器关闭之后此cookie就失效了

path:    cookie值保存的路径,默认与创建页路径一致。

domin:    cookie域名属性,默认与创建页域名一样。  这个地方要相当注意,跨域的概念,如果要主域名二级域名有效则要设置  ".xxx.com"

secrue:   一个布尔值,表示传输cookie值时,是否需要一个安全协议。

 类似资料: