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 相关文章推荐
JQuery UI皮肤定制
Jul 27 Javascript
JQuery自适应IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
Mar 28 Javascript
jQuery的position()方法详解
Jul 19 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
Sep 26 Javascript
基于jQuery Bar Indicator 插件实现进度条展示效果
Sep 30 Javascript
jQuery UI插件实现百度提词器效果
Nov 21 Javascript
js canvas实现适用于移动端的百分比仪表盘dashboard
Jul 18 Javascript
解决Vue 通过下表修改数组,页面不渲染的问题
Mar 08 Javascript
修改vue+webpack run build的路径方法
Sep 01 Javascript
总结javascript三元运算符知识点
Sep 28 Javascript
微信小程序实现授权登录
May 15 Javascript
Vue2.4+新增属性.sync、$attrs、$listeners的具体使用
Mar 08 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 register_globals 值为on与off的理解
2013/09/26 PHP
分享一个Laravel好用的Cache宏
2015/03/02 PHP
php导入模块文件分享
2015/03/17 PHP
Discuz!X中SESSION机制实例详解
2015/09/23 PHP
在textarea文本域中显示HTML代码的方法
2007/03/06 Javascript
Javascript base64编码实现代码
2011/12/02 Javascript
js 关键词高亮(根据ID/tag高亮关键字)案例介绍
2013/01/21 Javascript
javascript实现字符串反转的方法
2015/02/05 Javascript
详解Backbone.js框架中的模型Model与其集合collection
2016/05/05 Javascript
只需五句话搞定JavaScript作用域(经典)
2016/07/26 Javascript
使用nodejs中httpProxy代理时候出现404异常的解决方法
2016/08/15 NodeJs
Javascript实现代码折叠功能
2016/08/25 Javascript
JS限制条件补全问题实例分析
2016/12/16 Javascript
javascript基础进阶_深入剖析执行环境及作用域链
2017/09/05 Javascript
BootStrap Validator 根据条件在JS中添加或移除校验操作
2017/10/12 Javascript
Javascript实现运算符重载详解
2018/04/07 Javascript
JavaScript原型对象原理与应用分析
2018/12/27 Javascript
使用watch在微信小程序中实现全局状态共享
2019/06/03 Javascript
vue中的过滤器实例代码详解
2019/06/06 Javascript
[23:21]Ti4 冒泡赛第二轮DK vs C9 2
2014/07/14 DOTA
推荐下python/ironpython:从入门到精通
2007/10/02 Python
解决pycharm运行出错,代码正确结果不显示的问题
2018/11/30 Python
python3应用windows api对后台程序窗口及桌面截图并保存的方法
2019/08/27 Python
python hashlib加密实现代码
2019/10/17 Python
python制作抽奖程序代码详解
2021/01/15 Python
购买英国原创艺术:Art Gallery
2018/08/25 全球购物
如何在Oracle中查看各个表、表空间占用空间的大小
2015/10/31 面试题
体育教育专业毕业生自荐信
2013/11/15 职场文书
领导干部廉政承诺书
2014/03/27 职场文书
四议两公开实施方案
2014/03/28 职场文书
文艺晚会策划方案
2014/06/11 职场文书
领导干部遵守党的政治纪律情况思想汇报
2014/09/14 职场文书
优秀党员个人总结
2015/02/14 职场文书
虎兄虎弟观后感
2015/06/12 职场文书
演讲开头怎么书写?
2019/08/06 职场文书
Pandas数据结构之Series的使用
2022/03/31 Python