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 相关文章推荐
Mootools 1.2教程 滚动条(Slider)
Sep 15 Javascript
JS解决ie6下png透明的方法实例
Aug 02 Javascript
浏览器图片选择预览、旋转、批量上传的JS代码实现
Dec 04 Javascript
js检测浏览器版本、核心、是否移动端示例
Apr 24 Javascript
javascript算法题:求任意一个1-9位不重复的N位数在该组合中的大小排列序号
Apr 01 Javascript
React Native实现简单的登录功能(推荐)
Sep 19 Javascript
jQuery的extend方法【三种】
Dec 14 Javascript
js推箱子小游戏步骤代码解析
Jan 10 Javascript
vue+springboot实现项目的CORS跨域请求
Sep 05 Javascript
微信小程序分享海报生成的实现方法
Dec 10 Javascript
vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show
Apr 12 Javascript
node.js命令行教程图文详解
May 27 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 文件上传源码分析(RFC1867)
2009/10/30 PHP
PHP中使用CURL模拟登录并获取数据实例
2014/07/01 PHP
PHP合并数组的2种方法小结
2016/11/24 PHP
Laravel重定向,a链接跳转,控制器跳转示例
2019/10/22 PHP
做网页的一些技巧(续)
2007/02/01 Javascript
jQuery select的操作实现代码
2009/05/06 Javascript
jqGrid读取选择的多行的某个属性代码
2014/05/18 Javascript
使用forever管理nodejs应用教程
2014/06/03 NodeJs
JavaScript获取某年某月的最后一天附截图
2014/06/23 Javascript
angularJS中$apply()方法详解
2015/01/07 Javascript
JavaScript数组前面插入元素的方法
2015/04/06 Javascript
AngularJS教程 ng-style 指令简单示例
2016/08/03 Javascript
bootstrap轮播图示例代码分享
2017/05/17 Javascript
JS判断一个数是否是水仙花数
2017/06/11 Javascript
jQuery实现简单日期格式化功能示例
2017/09/19 jQuery
JS实现瀑布流布局
2017/10/21 Javascript
webpack多页面开发实践
2017/12/18 Javascript
Nodejs连接mysql并实现增、删、改、查操作的方法详解
2018/01/04 NodeJs
在angular 6中使用 less 的实例代码
2018/05/13 Javascript
详解webpack模块加载器兼打包工具
2018/09/11 Javascript
JavaScript原型对象原理与应用分析
2018/12/27 Javascript
jQuery+ajax实现批量删除功能完整示例
2019/06/06 jQuery
js实现简单放大镜效果
2020/03/07 Javascript
vue穿梭框实现上下移动
2021/01/29 Vue.js
Python实现冒泡,插入,选择排序简单实例
2014/08/18 Python
python操作gmail实例
2015/01/14 Python
详解python中 os._exit() 和 sys.exit(), exit(0)和exit(1) 的用法和区别
2017/06/23 Python
Python学习之用pygal画世界地图实例
2017/12/07 Python
Python实现的逻辑回归算法示例【附测试csv文件下载】
2018/12/28 Python
flask框架蓝图和子域名配置详解
2020/01/25 Python
Python基于类路径字符串获取静态属性
2020/03/12 Python
如何在django中运行scrapy框架
2020/04/22 Python
食品厂厂长岗位职责
2014/01/30 职场文书
交通事故委托书范本精选
2014/10/04 职场文书
学校政风行风自查自纠报告
2014/10/21 职场文书
奥巴马开学演讲观后感
2015/06/12 职场文书