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 相关文章推荐
关于onScroll事件在IE6下每次滚动触发三次bug说明
Sep 21 Javascript
利用jQuery插件扩展识别浏览器内核与外壳的类型和版本的实现代码
Oct 22 Javascript
原生Js页面滚动延迟加载图片实现原理及过程
Jun 24 Javascript
js获取GridView中行数据的两种方法 分享
Jul 13 Javascript
js的正则test,match,exec详细解析
Jan 29 Javascript
jquery+CSS3模拟Path2.0动画菜单效果代码
Aug 31 Javascript
jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
Aug 15 Javascript
Ionic默认的Tabs模板使用实例
Aug 29 Javascript
浅析JavaScript动画模拟拖拽原理
Dec 09 Javascript
vue中在vuex的actions中请求数据实例
Nov 08 Javascript
vue学习笔记之Vue中css动画原理简单示例
Feb 29 Javascript
JavaScript的垃圾回收机制与内存管理
Aug 06 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
php控制linux服务器常用功能 关机 重启 开新站点等
2012/09/05 PHP
nginx+php-fpm配置文件的组织结构介绍
2012/11/07 PHP
Code:findPosX 和 findPosY
2006/12/20 Javascript
Javascript 中 null、NaN和undefined的区别总结
2013/04/10 Javascript
js sort 二维数组排序的用法小结
2014/01/24 Javascript
Javascript的动态增加类的实现方法
2016/10/20 Javascript
使用Angular缓存父页面数据的方法
2017/01/03 Javascript
VUE JS 使用组件实现双向绑定的示例代码
2017/01/10 Javascript
JS正则表达式验证密码格式的集中情况总结
2017/02/23 Javascript
Vue.js bootstrap前端实现分页和排序
2017/03/10 Javascript
关于前后端json数据的发送与接收详解
2017/07/30 Javascript
jQuery中 DOM节点操作方法大全
2017/10/12 jQuery
JS实现多物体运动的方法详解
2018/01/23 Javascript
vue iview组件表格 render函数的使用方法详解
2018/03/15 Javascript
Node.js 使用AngularJS的方法示例
2018/05/11 Javascript
Vuex modules模式下mapState/mapMutations的操作实例
2019/10/17 Javascript
Flask数据库迁移简单介绍
2017/10/24 Python
一份python入门应该看的学习资料
2018/04/11 Python
Python BS4库的安装与使用详解
2018/08/08 Python
如何利用python制作时间戳转换工具详解
2018/09/12 Python
谈谈Python中的while循环语句
2019/03/10 Python
Django保护敏感信息的方法示例
2019/05/09 Python
python opencv 图像拼接的实现方法
2019/06/27 Python
Python 实用技巧之利用Shell通配符做字符串匹配
2019/08/23 Python
PIP和conda 更换国内安装源的方法步骤
2020/09/21 Python
python中watchdog文件监控与检测上传功能
2020/10/30 Python
css3实现背景颜色渐变让图片不再是唯一的实现方式
2012/12/18 HTML / CSS
Joules美国官网:出色的英国风格
2017/10/30 全球购物
体验完美剃须:The Art of Shaving
2018/08/06 全球购物
初一科学教学反思
2014/01/27 职场文书
会计求职自荐信
2014/06/20 职场文书
人事任命通知
2015/04/20 职场文书
总经理2015中秋节致辞
2015/07/29 职场文书
创业计划书之都市休闲农庄
2019/12/28 职场文书
8个JS的reduce使用实例和reduce操作方式
2021/10/05 Javascript
各国货币符号大全
2022/02/17 杂记