jquery.cookie用法解析

 本篇文章主要是对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有效期默认到用户关闭浏览器为止,所以被称为“会话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('the_cookie'); // get cookie $.cookie('the_cookie', 'the_value'); // set cookie $.cookie('the_cookie', 'the_value', { expires: 7 }); // set cookie with an expiration date seven days in the future $.cookie('the_cookie', '', { expires: -1 }); // delete cookie 
$.cookie('the_cookie', null); // delete cookie
 
 
$.cookie('the_cookie','the_value', {expires: 7, path: '/', domain:'80tvb.com', secure: true});//完整调用方式 
 
//或者这样:$.cookie('the_cookie','the_value');
 
//删除Cookie: $.cookie('the_cookie',null);
 
 
 
jQuery操作cookie的插件,大概的使用方法如下
 
$.cookie('the_cookie'); //读取Cookie值
$.cookie('the_cookie', ‘the_value'); //设置cookie的值
$.cookie('the_cookie', ‘the_value', {expires: 7, path: ‘/', domain: ‘jquery.com', secure: true});//新建一个cookie 包括有效期 路径域名等
$.cookie('the_cookie', ‘the_value'); //新建cookie
$.cookie('the_cookie', null); //删除一个cookie
 
 
jquery设置cookie过期时间与检查cookies是否可用
 
让cookies在x分钟后过期
var date = new date();
date.settime(date.gettime() + (x * 60 * 1000));
$.cookie(‘example', ‘foo', { expires: date });
 
$.cookie(‘example', ‘foo', { expires: 7});
 
 
检查cookies是否可用
$(document).ready(function() {var dt = new date();dt.setseconds(dt.getseconds() + 60);document.cookie = “cookietest=1; expires=” + dt.togmtstring();var cookiesenabled = document.cookie.indexof(“cookietest=”) != -1;if(!cookiesenabled){//cookies不能用……..}}); 
 
 

时间: 2024-10-05 10:27:50

jquery.cookie用法解析的相关文章

jquery.cookie用法详细解析_jquery

Cookie是由服务器端生成,发送给User-Agent(一般是浏览器),浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给服务器(前提是浏览器设置为启用cookie). 例如购物网站存储用户曾经浏览过的产品列表,或者门户网站记住用户喜欢选择浏览哪类新闻. 在用户允许的情况下,还可以存储用户的登录信息,使得用户在访问网站时不必每次都键入这些信息? 怎么在js/jquery中操作处理cookie那?今天分享一个cookie操作类--jQ

jquery cookie用法(获取cookie值,删除cookie)

使用JQuery操作cookie时 发生取的值不正确的问题: 结果发现cookie有四个不同的属性: 名称,内容,域,路径  代码如下 复制代码 $.cookie('the_cookie'); // 读取 cookie $.cookie('the_cookie', 'the_value'); // 存储 cookie $.cookie('the_cookie', 'the_value', { expires: 7 }); // 存储一个带7天期限的 cookie $.cookie('the_co

jQuery获取cookie值及删除cookie用法实例_jquery

本文实例讲述了jQuery获取cookie值及删除cookie用法.分享给大家供大家参考,具体如下: cookie在jquery中有指定的cookie操作类,这里先来介绍在使用cookie操作类时的一些问题,然后介绍正确的使用方法. 使用JQuery操作cookie时 发生取的值不正确的问题: 结果发现cookie有四个不同的属性: 名称,内容,域,路径 $.cookie('the_cookie'); // 读取 cookie $.cookie('the_cookie', 'the_value'

jquery中cookie用法实例详解(获取,存储,删除等)_jquery

本文实例讲述了jquery中cookie用法.分享给大家供大家参考,具体如下: cookie在jquery中有指定的cookie操作类,下面我先来介绍我们在使用cookie操作类时的一些问题,然后介绍正确的使用方法. 使用JQuery操作cookie时 发生取的值不正确的问题: 结果发现cookie有四个不同的属性: 名称,内容,域,路径 $.cookie('the_cookie'); // 读取 cookie $.cookie('the_cookie', 'the_value'); // 存储

JQUERY.COOKIE插件的基本用法

jQuery.cookie的基本用法: Include script after the jQuery library (unless you are packaging scripts somehow else): <script src="/path/to/jquery.cookie.js"></script> Create session cookie: $.cookie('name', 'value'); Create expiring cookie,

jquery cookie的用法总结_jquery

jQuery cookie是个很好的cookie插件,大概的使用方法如下example $.cookie('name', 'value');设置cookie的值,把name变量的值设为valueexample $.cookie('name', 'value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});新建一个cookie 包括有效期 路径 域名等example $.cookie('name', 'value');新

jquery.cookie.js实现用户登录保存密码功能的方法_jquery

本文实例讲述了jquery.cookie.js实现用户登录保存密码功能的方法.分享给大家供大家参考,具体如下: 需要导入的js有jquery.js和jquery.cookie.js <script type="text/javascript" src=" jquery-1.5.2.js"></script> <script type="text/javascript" src="jquery.cookie.

通过Jquery.cookie.js实现展示浏览网页的历史记录超管用_jquery

本文就是要利用cookie插件,获取用户浏览文章历史记录,并将用户最近浏览历史记录显示在页面. 在需要添加cookie的页面加上如下js <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script

JQuery datepicker 用法详解_jquery

jQuery UI很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式.语言.限制选择日期范围.添加相关按钮以及其它导航等. 官方地址:http://docs.jquery.com/UI/Datepicker,官方示例: http://jqueryui.com/demos/datepicker/. 一个不错的地址,用来DIY jQuery UI界面效果的站点http://jqueryui.com/themeroller/ DatePicker