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 相关文章推荐
JS 文字符串转换unicode编码函数
May 30 Javascript
js RuntimeObject() 获取ie里面自定义函数或者属性的集合
Nov 23 Javascript
node.js中的http.response.end方法使用说明
Dec 14 Javascript
js实现兼容IE和FF的上下层的移动
May 04 Javascript
jQuery使用drag效果实现自由拖拽div
Jun 11 Javascript
jQuery实现的网页竖向菜单效果代码
Aug 26 Javascript
JavaScript驾驭网页-DOM
Mar 24 Javascript
jQuery+HTML5实现弹出创意搜索框层
Dec 29 Javascript
原生js实现打字动画游戏
Feb 04 Javascript
纯JS实现简单的日历
Jun 26 Javascript
webpack将js打包后的map文件详解
Feb 22 Javascript
JS实现选项卡效果的代码实例
May 20 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 Reflection API详解
2015/05/12 PHP
百度工程师讲PHP函数的实现原理及性能分析(一)
2015/05/13 PHP
WordPress开发中短代码的实现及相关函数使用技巧
2016/01/05 PHP
laravel 实现根据字段不同值做不同查询
2019/10/23 PHP
(仅IE下有效)关于checkbox 三态
2007/05/12 Javascript
jquery win 7透明弹出层效果的简单代码
2013/08/06 Javascript
通过javascript把图片转化为字符画
2013/10/24 Javascript
JS+CSS实现电子商务网站导航模板效果代码
2015/09/10 Javascript
浅谈jquery点击label触发2次的问题
2016/06/12 Javascript
AngularJS入门教程之ng-class 指令用法
2016/08/01 Javascript
在node.js中怎么屏蔽掉favicon.ico的请求
2017/03/01 Javascript
JS中正则表达式全局匹配模式 /g用法详解
2017/04/01 Javascript
bootstrap3 dialog 更强大、更灵活的模态框
2017/04/20 Javascript
浅谈在Vue-cli里基于axios封装复用请求
2017/11/06 Javascript
webpack+vue2构建vue项目骨架的方法
2018/01/09 Javascript
JS实现访问DOM对象指定节点的方法示例
2018/04/04 Javascript
JS基于开关思想实现的数组去重功能【案例】
2019/02/18 Javascript
微信小程序template模版的使用方法
2019/04/13 Javascript
vue elementui el-form rules动态验证的实例代码详解
2019/05/23 Javascript
js实现内置计时器
2019/12/16 Javascript
python内置函数:lambda、map、filter简单介绍
2017/11/16 Python
Python实现快速计算词频功能示例
2018/06/25 Python
让代码变得更易维护的7个Python库
2018/10/09 Python
python实现简单加密解密机制
2019/03/19 Python
python实现飞行棋游戏
2020/02/05 Python
matplotlib对象拾取事件处理的实现
2021/01/14 Python
conda安装tensorflow和conda常用命令小结
2021/02/20 Python
英国领先的珍珠首饰品牌:Orchira
2016/09/11 全球购物
MAC彩妆英国官网:M·A·C UK
2018/05/30 全球购物
巴西葡萄酒商店:Divvino
2020/02/22 全球购物
婚前协议书范本
2014/04/15 职场文书
美化环境标语
2014/06/20 职场文书
工艺技术员岗位职责
2015/02/04 职场文书
保管员岗位职责
2015/02/14 职场文书
保送生自荐信范文
2015/03/26 职场文书
《花钟》教学反思
2016/02/17 职场文书