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 学习笔记 选择器之二
Jul 23 Javascript
IE中radio 或checkbox的checked属性初始状态下不能选中显示问题
Jul 25 Javascript
js 页面传参数时 参数值含特殊字符的问题
Dec 13 Javascript
javascript十六进制及二进制转化的方法
May 06 Javascript
在Node.js中使用HTTP上传文件的方法
Jun 23 Javascript
js模仿java的Map集合详解
Jan 06 Javascript
vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法
Feb 22 Javascript
vue2.0实战之使用vue-cli搭建项目(2)
Mar 27 Javascript
js+SVG实现动态时钟效果
Jul 14 Javascript
vue以组件或者插件的形式实现throttle或者debounce
May 22 Javascript
Vue生命周期activated之返回上一页不重新请求数据操作
Jul 26 Javascript
.netcore+vue 实现压缩文件下载功能
Sep 24 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 session和cookie使用说明
2010/04/07 PHP
遍历指定目录下的所有目录和文件的php代码
2011/11/27 PHP
PHP 第二节 数据类型之转换
2012/04/28 PHP
使用HMAC-SHA1签名方法详解
2013/06/26 PHP
用PHP和Shell写Hadoop的MapReduce程序
2014/04/15 PHP
php实现指定字符串中查找子字符串的方法
2015/03/17 PHP
php简单操作mysql数据库的类
2015/04/16 PHP
Twig模板引擎用法入门教程
2016/01/20 PHP
详解php中curl返回false的解决办法
2019/03/18 PHP
用js实现层随着内容大小动态渐变改变 推荐
2009/12/19 Javascript
当鼠标滑过文本框自动选中输入框内容的JS代码分享
2013/11/26 Javascript
JavaScript获取URL参数的方法之一
2017/03/24 Javascript
详解Windows下安装Nodejs步骤
2017/05/18 NodeJs
vue实现多个元素或多个组件之间动画效果
2018/09/25 Javascript
基于Vue的商品主图放大镜方案详解
2019/09/19 Javascript
微信小程序12行js代码自己写个滑块功能(推荐)
2020/07/15 Javascript
[46:00]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#4EG VS Fnatic第一局
2016/03/03 DOTA
[04:48]DOTA2上海特锦赛小组赛第三日 TOP10精彩集锦
2016/02/28 DOTA
python 3利用Dlib 19.7实现摄像头人脸检测特征点标定
2018/02/26 Python
python实现求两个字符串的最长公共子串方法
2018/07/20 Python
python jenkins 打包构建代码的示例代码
2019/11/29 Python
英国知名美妆护肤在线商城:Zest Beauty
2018/04/24 全球购物
Interflora澳大利亚:同日鲜花速递
2019/06/25 全球购物
Speedo速比涛德国官方网站:世界领先的泳装品牌
2019/08/26 全球购物
实习生自我鉴定范文
2013/12/05 职场文书
历史教育专业个人求职信
2013/12/13 职场文书
学习雷锋精神心得体会范文
2014/03/12 职场文书
不忘国耻振兴中华演讲稿
2014/05/14 职场文书
助学贷款贫困证明
2014/09/23 职场文书
计划生育证明格式及范本
2014/10/09 职场文书
文明班级申报材料
2014/12/24 职场文书
学生通报表扬范文
2015/05/04 职场文书
大国崛起日本观后感
2015/06/02 职场文书
医院保洁员管理制度
2015/08/05 职场文书
MYSQL(电话号码,身份证)数据脱敏的实现
2021/05/28 MySQL
springboot如何接收application/x-www-form-urlencoded类型的请求
2021/11/02 Java/Android