jquery.cookie() 方法的使用(读取、写入、删除)


Posted in Javascript onDecember 05, 2013

一个轻量级的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>

使用方法

1.新添加一个会话 cookie:

$.cookie('the_cookie', 'the_value');

注:当没有指明 cookie有效时间时,所创建的cookie有效期默认到用户关闭浏览器为止,所以被称为

“会话cookie(session cookie)”。

2.创建一个cookie并设置有效时间为 7天:

$.cookie('the_cookie', 'the_value', { expires: 7 });

注:当指明了cookie有效时间时,所创建的cookie被称为“持久 cookie (persistent cookie)”。

3.创建一个cookie并设置 cookie的有效路径:

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });

注:在默认情况下,只有设置 cookie的网页才能读取该 cookie。如果想让一个页面读取另一个页面设

置的cookie,必须设置cookie的路径。cookie的路径用于设置能够读取 cookie的顶级目录。将这

个路径设置为网站的根目录,可以让所有网页都能互相读取 cookie (一般不要这样设置,防止出现冲突) 。

4.读取cookie:

$.cookie('the_cookie'); // cookie存在 => 'the_value'

$.cookie('not_existing'); // cookie不存在 => null

5.删除cookie,通过传递null作为cookie的值即可:

$.cookie('the_cookie', null);

----------相关参数的解释---------------

1).expires: 365

定义cookie的有效时间,值可以是一个数字(从创建cookie时算起,以天为单位)或一个Date 对

象。如果省略,那么创建的cookie是会话cookie,将在用户退出浏览器时被删除。

2).path: '/'

默认情况:只有设置cookie的网页才能读取该cookie。

定义cookie的有效路径。默认情况下, 该参数的值为创建 cookie 的网页所在路径(标准浏览器的行为) 。

如果你想在整个网站中访问这个cookie需要这样设置有效路径:path: '/'。如果你想删除一个定义

了有效路径的 cookie,你需要在调用函数时包含这个路径:$.cookie('the_cookie', null,

{ path: '/' });。 domain: 'example.com'

默认值:创建 cookie的网页所拥有的域名。

3).secure: true

默认值:false。如果为true,cookie的传输需要使用安全协议(HTTPS)。

4).raw: true

默认值:false。

默认情况下,读取和写入 cookie 的时候自动进行编码和解码(使用encodeURIComponent 编码,

decodeURIComponent 解码)。要关闭这个功能设置 raw: true 即可。

Javascript 相关文章推荐
Angularjs中UI Router全攻略
Jan 29 Javascript
Javascript中的迭代、归并方法详解
Jun 14 Javascript
jQuery基本过滤选择器用法示例
Sep 09 Javascript
微信公众号开发 自定义菜单跳转页面并获取用户信息实例详解
Dec 08 Javascript
Angular中ng-bind和ng-model的区别实例详解
Apr 10 Javascript
深入浅析AngularJS中的一次性数据绑定 (bindonce)
May 11 Javascript
Vue中对拿到的数据进行A-Z排序的实例
Sep 25 Javascript
Vue指令指令大全
Feb 09 Javascript
jQuery层叠选择器用法实例分析
Jun 28 jQuery
js实现手表表盘时钟与圆周运动
Sep 18 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
Nov 04 Javascript
基于javascript实现放大镜特效
Dec 03 Javascript
千分位数字格式化(用逗号隔开 代码已做了修改 支持0-9位逗号隔开)的JS代码
Dec 05 #Javascript
jquery导航制件jquery鼠标经过变色效果示例
Dec 05 #Javascript
javascript拖拽上传类库DropzoneJS使用方法
Dec 05 #Javascript
jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
Dec 05 #Javascript
JS获取html对象的几种方式介绍
Dec 05 #Javascript
JS获取URL中的参数数据
Dec 05 #Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
Dec 05 #Javascript
You might like
如何取得中文字符串中出现次数最多的子串
2013/08/08 PHP
php实现删除指定目录下相关文件的方法
2014/10/20 PHP
PHP获取数组中重复最多的元素的实现方法
2014/11/11 PHP
php基于session实现数据库交互的类实例
2015/08/03 PHP
php实现跨域提交form表单的方法【2种方法】
2016/10/17 PHP
php如何计算两坐标点之间的距离
2018/12/29 PHP
php的对象传值与引用传值代码实例讲解
2021/02/26 PHP
基于JQuery的一句话搞定手风琴菜单
2012/09/14 Javascript
js事件冒泡实例分享(已测试)
2013/04/23 Javascript
js跨域问题浅析及解决方法优缺点对比
2014/11/08 Javascript
简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
2016/03/18 Javascript
AngularJS基础 ng-include 指令简单示例
2016/08/01 Javascript
Angularjs处理页面闪烁的解决方法
2017/03/09 Javascript
vue-cli入门之项目结构分析
2017/04/20 Javascript
详解从买域名到使用pm2部署node.js项目全过程
2018/03/07 Javascript
使用xampp将angular项目运行在web服务器的教程
2019/09/16 Javascript
[08:38]DOTA2-DPC中国联赛 正赛 VG vs Elephant 选手采访
2021/03/11 DOTA
Python迭代用法实例教程
2014/09/08 Python
Python Pandas批量读取csv文件到dataframe的方法
2018/10/08 Python
对python csv模块配置分隔符和引用符详解
2018/12/12 Python
python从子线程中获得返回值的方法
2019/01/30 Python
numpy库与pandas库axis=0,axis= 1轴的用法详解
2019/05/27 Python
Django RBAC权限管理设计过程详解
2019/08/06 Python
python GUI库图形界面开发之PyQt5访问系统剪切板QClipboard类详细使用方法与实例
2020/02/27 Python
Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript实现社交分享系统
2020/04/21 Python
澳大利亚领先的运动鞋商店:Hype DC
2018/03/31 全球购物
超级英雄、电影和电视、乐队和音乐T恤:Loud Clothing
2019/09/01 全球购物
公司董事长岗位职责
2014/06/08 职场文书
2015年五一劳动节活动总结
2015/02/09 职场文书
关于环保的宣传稿
2015/07/23 职场文书
找规律教学反思
2016/02/23 职场文书
怎样写工作总结啊!
2019/06/18 职场文书
​(迎国庆)作文之我爱我的祖国
2019/09/19 职场文书
CSS实现单选折叠菜单功能
2021/11/01 HTML / CSS
「Manga Time Kirara MAX」2022年5月号封面公开
2022/03/21 日漫
redis sentinel监控高可用集群实现的配置步骤
2022/04/01 Redis