jQuery.cookie插件 cookie

原创 2013年12月05日 16:05:49
                                                       jquery.cookie使用方法

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

官网下载:http://plugins.jquery.com/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有效期默认到用户关闭浏览器为止,所以被称为“会话cookie(session cookie)”。

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

$.cookie('the_cookie', 'the_value', { expires: 7 });
//注:当指明了cookie有效时间时,所创建的cookie被称为“持久cookie(persistent 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。如果为true,cookie的传输需要使用安全协议(HTTPS)。

raw: true
默认值:false。
默认情况下,读取和写入cookie的时候自动进行编码和解码(使用encodeURIComponent编码,decodeURIComponent解码)。要关闭这个功能设置raw: true即可。

Cookie操作插件 jQuery.Cookie

jQuery操作cookie的插件,大概的使用方法如下$.cookie('the_cookie'); //读取Cookie值$.cookie(’the_cookie’, ‘the_value’); /...
  • healxp
  • healxp
  • 2013年08月26日 11:17
  • 222

jquery.cookie 的用法 cookie读取与存储

文件下载地址 这里写链接内容存储1.新添加一个会话 cookie:$.cookie(‘the_cookie’, ‘the_value’);注:当没有指明 cookie有效时间时,所创建的cookie有...
  • u012536005
  • u012536005
  • 2016年04月29日 10:43
  • 303

网页换肤,模块换肤,jQuery的Cookie插件使用

具体效果如下: 第一次加载如下图: 然后点击天蓝色按钮换成天蓝色皮肤如下图: 然后关闭网页重新打开或者在打开另一个网页如下图: 因为皮肤用Cookie保存了下来,所以不会重置 具体的实...
  • tsh18523266651
  • tsh18523266651
  • 2015年12月27日 22:10
  • 694

原生js和jquery两种处理cookie的插件介绍

原文地址:weber.com jquery.cookie插件库和js.cookie的作者都是Klaus Hartl (github地址:https://github.com/carhartl)。这...
  • canglingyue
  • canglingyue
  • 2016年08月31日 16:17
  • 2902

Cookie实战项目2 记住用户名密码 使用jQuery.Cookie.js 就是这么简单!!!

记住用户名密码 使用jQuery.Cookie.js 就是这么简单!!! 本次实战巩固jQuery.Cookie.js的使用。你会发现咋这么简单呢!!!! 先看效果图打开页面填写数据,勾上记住密...
  • wenteryan
  • wenteryan
  • 2016年04月15日 19:13
  • 806

jQuery.cookie.js中cookie设置遇到的问题

jQuery.cookie.js文件内容相信看到这的朋友都有了: jQuery.cookie = function(name, value, options) { if (typeof value...
  • whxblue
  • whxblue
  • 2012年04月01日 15:32
  • 7592

Jquery和js实现cookie操作手机浮层广告;附加:js获取、添加、删除cookie

js获取cookie //js获取cookie /*获取Cookie值*/ function getCookie(c_name) { if(document.cookie.length>0){    ...
  • tianyazaiheruan
  • tianyazaiheruan
  • 2013年12月12日 17:03
  • 1371

cookie jQuery.cookie

$.cookie(‘cookieName’,'cookieValue’,{expires:7,path:’/',domain: ‘chuhoo.com’,secure: false,raw:false...
  • Ellen506
  • Ellen506
  • 2014年11月19日 11:12
  • 99

使用Jquery.cookie.js遇到的一些问题

jquery.cookie.js基本操作   $.cookie("key","value"); //写入 $.cookie("key","update value");//修改 $.coo...
  • hj7jay
  • hj7jay
  • 2017年09月22日 09:29
  • 317

jQuery的Cookie封装,与PHP交互

首先,用到两个jQuery函数,JSON.parse(Json字符串转对象)和JSON.stringify(对象转JSON字符串) 我这里的分成两次封装,因为数据不在一个页面里。 这是第一个页面: $...
  • u013931660
  • u013931660
  • 2015年09月06日 14:06
  • 445
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery.cookie插件 cookie
举报原因:
原因补充:

(最多只允许输入30个字)