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 相关文章推荐
表单内同名元素的控制
Nov 22 Javascript
JavaScript的类型转换(字符转数字 数字转字符)
Aug 30 Javascript
解决Extjs 4 Panel作为Window组件的子组件时出现双重边框问题
Jan 11 Javascript
JavaScript中使用Object.create()创建对象介绍
Dec 30 Javascript
HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列
Apr 26 Javascript
关于Bootstrap弹出框无法调用问题的解决办法
Mar 10 Javascript
浅析BootStrap模态框的使用(经典)
Apr 29 Javascript
基于JQuery实现分隔条的功能
Jun 17 Javascript
原生JS实现垂直手风琴效果
Feb 19 Javascript
Vue项目中如何引入icon图标
Mar 28 Javascript
jQuery实现的手动拖动控制进度条效果示例【测试可用】
Apr 18 jQuery
浅谈angularJs函数的使用方法(大小写转换,拷贝,扩充对象)
Oct 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
咖啡豆要不要放冰箱的原因
2021/03/04 冲泡冲煮
php数组对百万数据进行排除重复数据的实现代码
2010/06/08 PHP
php学习之数据类型之间的转换介绍
2011/06/09 PHP
PHP常用开发函数解析之数组篇[未完结]
2012/07/30 PHP
javascript 四则运算精度修正函数代码
2010/05/31 Javascript
JQuery里选择超链接的实现代码
2011/05/22 Javascript
jquery下拉select控件操作方法分享(jquery操作select)
2014/03/25 Javascript
手机浏览器 后退按钮强制刷新页面方法总结
2016/10/09 Javascript
如何在 Vue.js 中使用第三方js库
2017/04/25 Javascript
Kindeditor单独调用多图上传实例
2017/07/31 Javascript
简单实现jQuery上传图片显示预览功能
2020/06/29 jQuery
使用vue-resource进行数据交互的实例
2017/09/02 Javascript
nodejs使用http模块发送get与post请求的方法示例
2018/01/08 NodeJs
layui 设置table 行的高度方法
2018/08/17 Javascript
Nuxt升级2.0.0时出现的问题(小结)
2018/10/08 Javascript
JS中验证整数和小数的正则表达式
2018/10/08 Javascript
微信小程序获取用户信息的两种方法wx.getUserInfo与open-data实例分析
2019/05/03 Javascript
JavaScript面向对象核心知识与概念归纳整理
2020/05/09 Javascript
在vue中通过render函数给子组件设置ref操作
2020/11/17 Vue.js
Python调用C语言开发的共享库方法实例
2015/03/18 Python
python之Socket网络编程详解
2016/09/29 Python
python: 自动安装缺失库文件的方法
2018/10/22 Python
pyqt5 tablewidget 利用线程动态刷新数据的方法
2019/06/17 Python
Apache部署Django项目图文详解
2019/07/30 Python
Kears+Opencv实现简单人脸识别
2019/08/28 Python
pandas和spark dataframe互相转换实例详解
2020/02/18 Python
使用python实现多维数据降维操作
2020/02/24 Python
Django接收照片储存文件的实例代码
2020/03/07 Python
基于Django signals 信号作用及用法详解
2020/03/28 Python
基于logstash实现日志文件同步elasticsearch
2020/08/06 Python
企业管理培训感言
2014/01/27 职场文书
演讲主持词
2014/03/18 职场文书
2014年党的群众路线学习心得体会
2014/11/05 职场文书
作弊检讨书范文
2015/05/06 职场文书
2016先进集体事迹材料范文
2016/02/25 职场文书
windows10 家庭版下FTP服务器搭建教程
2022/08/05 Servers