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实例收集(20个)
Apr 21 Javascript
基于jquery的设置页面文本框 只能输入数字的实现代码
Apr 19 Javascript
基于JQuery的Select选择框的华丽变身
Aug 23 Javascript
基于JQuery的抓取博客园首页RSS的代码
Dec 01 Javascript
多种方式实现JS调用后台方法进行数据交互
Aug 20 Javascript
原生JavaScript+LESS实现瀑布流
Dec 12 Javascript
JS实现IE状态栏文字缩放效果代码
Oct 24 Javascript
vue 打包后的文件部署到express服务器上的方法
Aug 09 Javascript
web前端vue之CSS过渡效果示例
Jan 10 Javascript
微信小程序实现聊天对话(文本、图片)功能
Jul 06 Javascript
最简单的vue消息提示全局组件的方法
Jun 16 Javascript
JavaScript展开运算符和剩余运算符的区别详解
Feb 18 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 MYSQL中插入当前时间
2008/04/06 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
javascript+html5实现仿flash滚动播放图片的方法
2015/04/27 Javascript
yui3的AOP(面向切面编程)和OOP(面向对象编程)
2015/05/01 Javascript
浅谈JavaScript 执行环境、作用域及垃圾回收
2016/05/31 Javascript
jQuery和JavaScript节点插入元素的方法对比
2016/11/18 Javascript
详解vue事件对象、冒泡、阻止默认行为
2017/03/20 Javascript
详解Vue2.0里过滤器容易踩到的坑
2017/06/01 Javascript
elementui之el-tebs浏览器卡死的问题和使用报错未注册问题
2019/07/06 Javascript
原生JavaScript之es6中Class的用法分析
2020/02/23 Javascript
关于angular浏览器兼容性问题的解决方案
2020/07/26 Javascript
javascript中call,apply,bind的区别详解
2020/12/11 Javascript
python中的多线程实例教程
2014/08/27 Python
用Python实现web端用户登录和注册功能的教程
2015/04/30 Python
详解Python Socket网络编程
2016/01/05 Python
深入解析Python中的__builtins__内建对象
2016/06/21 Python
Python实现查找匹配项作处理后再替换回去的方法
2017/06/10 Python
python3操作微信itchat实现发送图片
2018/02/24 Python
Python获取统计自己的qq群成员信息的方法
2019/11/15 Python
使用Python获取当前工作目录和执行命令的位置
2020/03/09 Python
基于PyQT实现区分左键双击和单击
2020/05/19 Python
python在一个范围内取随机数的简单实例
2020/08/16 Python
python 指定源路径来解决import问题的操作
2021/03/04 Python
Html5元素及基本语法详解
2016/08/02 HTML / CSS
澳大利亚的奢侈品牌:Oroton
2016/08/26 全球购物
Bose英国官方网站:美国知名音响品牌
2020/01/26 全球购物
新年寄语大全
2014/04/12 职场文书
化妆品活动策划方案
2014/05/23 职场文书
语文课外活动总结
2014/08/27 职场文书
校园安全广播稿范文
2014/09/25 职场文书
2015新年联欢晚会开场白
2014/12/14 职场文书
用电申请报告范文
2015/05/18 职场文书
quickjs 封装 JavaScript 沙箱详情
2021/11/02 Javascript
JavaScript的Set数据结构详解
2022/02/18 Javascript
MySQL中rank() over、dense_rank() over、row_number() over用法介绍
2022/03/23 MySQL
pandas时间序列之pd.to_datetime()的实现
2022/06/16 Python