jquery.cookie.js使用指南


Posted in Javascript onJanuary 05, 2015

jquery.cookie.js是一个轻量级的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即可。

Javascript 相关文章推荐
仿微博字符限制效果实现代码
Apr 20 Javascript
Javascript处理DOM元素事件实现代码
May 23 Javascript
jquery特效 幻灯片效果示例代码
Jul 16 Javascript
javascript新闻跑马灯实例代码
Jul 29 Javascript
javascript中获取class的简单实现
Jul 12 Javascript
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
Dec 02 Javascript
jQuery与vue实现拖动验证码功能
Jan 30 jQuery
jQuery实现动态显示select下拉列表数据的方法
Feb 05 jQuery
解决Js先触发失去焦点事件再执行点击事件的问题
Aug 30 Javascript
小程序最新获取用户昵称和头像的方法总结
Sep 23 Javascript
微信小程序实现轨迹回放的示例代码
Dec 13 Javascript
vue+vant实现商品列表批量倒计时功能
Jan 13 Javascript
在Google 地图上实现做的标记相连接
Jan 05 #Javascript
js获取时间并实现字符串和时间戳之间的转换
Jan 05 #Javascript
jQuery中attr()方法用法实例
Jan 05 #Javascript
jQuery实现自定义下拉列表
Jan 05 #Javascript
使用javascript实现监控视频播放并打印日志
Jan 05 #Javascript
jQuery圆形统计图开发实例
Jan 04 #Javascript
jQuery中:selected选择器用法实例
Jan 04 #Javascript
You might like
PHP 开发环境配置(Zend Server安装)
2010/04/28 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
PHP的new static和new self的区别与使用
2019/11/27 PHP
PHPExcel实现的读取多工作表操作示例
2020/04/14 PHP
Knockoutjs快速入门(经典)
2012/12/24 Javascript
获取客户端网卡MAC地址和IP地址实现JS代码
2013/03/17 Javascript
详解AngularJS中自定义指令的使用
2015/06/17 Javascript
JS中script标签defer和async属性的区别详解
2016/08/12 Javascript
基于jQuery实现弹幕APP
2017/02/10 Javascript
js实现左右轮播图
2020/01/09 Javascript
Javascript地址引用代码实例解析
2020/02/25 Javascript
python字符串替换示例
2014/04/24 Python
Python打印斐波拉契数列实例
2015/07/07 Python
pytorch 转换矩阵的维数位置方法
2018/12/08 Python
Python利用itchat库向好友或者公众号发消息的实例
2019/02/21 Python
pytorch使用Variable实现线性回归
2019/05/21 Python
Python安装及Pycharm安装使用教程图解
2019/09/20 Python
python web框架Flask实现图形验证码及验证码的动态刷新实例
2019/10/14 Python
python中的Elasticsearch操作汇总
2019/10/30 Python
python实现超市商品销售管理系统
2019/11/22 Python
Python+Selenium+phantomjs实现网页模拟登录和截图功能(windows环境)
2019/12/11 Python
python实现音乐播放器 python实现花框音乐盒子
2020/02/25 Python
python 调用Google翻译接口的方法
2020/12/09 Python
CSS3 Backgrounds属性相关介绍
2011/05/11 HTML / CSS
HTML5实现签到 功能
2018/10/09 HTML / CSS
Bootstrap File Input文件上传组件
2020/12/01 HTML / CSS
params有什么用
2016/03/01 面试题
医学生自荐信范文
2013/12/03 职场文书
国培教师自我鉴定
2014/02/12 职场文书
父母对孩子说的话
2014/04/12 职场文书
俄语专业毕业生求职信
2014/07/12 职场文书
2014年银行客户经理工作总结
2014/11/12 职场文书
暑期实践个人总结
2015/03/06 职场文书
交通事故赔偿起诉书
2015/05/20 职场文书
2016八一建军节慰问信
2015/11/30 职场文书
windows server 2016 域环境搭建的方法步骤(图文)
2022/06/25 Servers