jquery插件如何使用 jQuery操作Cookie插件使用介绍


Posted in Javascript onDecember 15, 2012

代码:

jQuery.cookie = function(name, value, options) { 
if (typeof value != 'undefined') { // name and value given, set cookie 
options = options || {}; 
if (value === null) { 
value = ''; 
options = $.extend({}, options); // clone object since it's unexpected behavior if the expired property were changed 
options.expires = -1; 
} 
var expires = ''; 
if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) { 
var date; 
if (typeof options.expires == 'number') { 
date = new Date(); 
date.setTime(date.getTime() (options.expires * 24 * 60 * 60 * 1000)); 
} else { 
date = options.expires; 
} 
expires = '; expires=' date.toUTCString(); // use expires attribute, max-age is not supported by IE 
} 
// NOTE Needed to parenthesize options.path and options.domain 
// in the following expressions, otherwise they evaluate to undefined 
// in the packed version for some reason... 
var path = options.path ? '; path=' (options.path) : ''; 
var domain = options.domain ? '; domain=' (options.domain) : ''; 
var secure = options.secure ? '; secure' : ''; 
document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join(''); 
} else { // only name given, get cookie 
var cookieValue = null; 
if (document.cookie && document.cookie != '') { 
var cookies = document.cookie.split(';'); 
for (var i = 0; i < cookies.length; i ) { 
var cookie = jQuery.trim(cookies[i]); 
// Does this cookie string begin with the name we want? 
if (cookie.substring(0, name.length 1) == (name '=')) { 
cookieValue = decodeURIComponent(cookie.substring(name.length 1)); 
break; 
} 
} 
} 
return cookieValue; 
} 
};

使用方法
jQuery操作cookie的插件,大概的使用方法如下
$.cookie('the_cookie'); //读取Cookie值
$.cookie('the_cookie', 'the_value'); //设置cookie的值
$.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});//新建一个cookie 包括有效期 路径 域名等
$.cookie('the_cookie', 'the_value'); //新建cookie
$.cookie('the_cookie', null); //删除一个cookie
设置一个名称为blog,值为css9.net的cookie:
$.cookie("blog", "css9.net");
设置一个名称为blog,值为css9.net的cookie,同时设置过期时间(expires属性)为7天:
$.cookie("blog", "css9.net", { expires: 7 });
设置一个名称为blog,值为css9.net的cookie,设置过期时间(expires属性)为7天,同时设置cookie的path属性为”/admin”
$.cookie("blog", "css9.net", { path: '/admin', expires: 7 });
读取Cookie:
读取名称为blog的cookie值:
alert( $.cookie("blog") );
删除cookie:
$.cookie("example", null);
Javascript 相关文章推荐
javascript 延迟加载技术(lazyload)简单实现
Jan 17 Javascript
JavaScript 和 Java 的区别浅析
Jul 31 Javascript
jQuery 选择同时包含两个class的元素的实现方法
Jun 01 Javascript
用Angular实时获取本地Localstorage数据,实现一个模拟后台数据登入的效果
Nov 09 Javascript
jQuery实现级联下拉框实战(5)
Feb 08 Javascript
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
Mar 30 Javascript
简单的JS控制button颜色随点击更改的实现方法
Apr 17 Javascript
vue.js获取数据库数据实例代码
May 26 Javascript
原生JS实现ajax与ajax的跨域请求实例
Dec 01 Javascript
用vue2.0实现点击选中active其他选项互斥的效果
Apr 12 Javascript
浅谈vue中关于checkbox数据绑定v-model指令的个人理解
Nov 14 Javascript
Vue + element 实现多选框组并保存已选id集合的示例代码
Jun 03 Javascript
JavaScript中OnLoad几种使用方法
Dec 15 #Javascript
Javascript中自动切换焦点实现代码
Dec 15 #Javascript
treepanel动态加载数据实现代码
Dec 15 #Javascript
FF火狐下获取一个元素同类型的相邻元素实现代码
Dec 15 #Javascript
javascript错误的认识不用关心内存管理
Dec 15 #Javascript
jQuery 选择表格(table)里的行和列及改变简单样式
Dec 15 #Javascript
Jquery 选中表格一列并对表格排序实现原理
Dec 15 #Javascript
You might like
PHP出错界面
2006/10/09 PHP
11个PHP 分页脚本推荐
2011/08/15 PHP
PHP学习笔记 IIS7下安装配置php环境
2012/10/29 PHP
PHP在线生成二维码代码(google api)
2013/06/03 PHP
深入php函数file_get_contents超时处理的方法详解
2013/06/03 PHP
解析PHP SPL标准库的用法(遍历目录,查找固定条件的文件)
2013/06/18 PHP
PHP实现cookie跨域session共享的方法分析
2019/08/23 PHP
JavaScript 拖拉缩放效果
2008/12/10 Javascript
JavaScript OOP类与继承
2009/11/15 Javascript
jquery ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)
2010/04/01 Javascript
jquery实现居中弹出层代码
2010/08/25 Javascript
自定义ExtJS控件之下拉树和下拉表格附源码
2013/10/15 Javascript
js特殊字符转义介绍
2013/11/05 Javascript
js实现的点击数量加一可操作数据库
2014/05/09 Javascript
什么是 AngularJS?AngularJS简介
2014/12/06 Javascript
轻松实现javascript数据双向绑定
2015/11/11 Javascript
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
2016/08/17 Javascript
浅谈js的异步执行
2016/10/18 Javascript
原生JS简单实现ajax的方法示例
2016/11/29 Javascript
jQuery仿IOS弹出框插件
2017/02/18 Javascript
jQuery实现字体颜色渐变效果的方法
2017/03/29 jQuery
JS匿名函数内部this指向问题详析
2019/05/10 Javascript
微信自定义分享链接信息(标题,图片和内容)实现过程详解
2019/09/04 Javascript
vue vant Area组件使用详解
2019/12/09 Javascript
js实现html滑动图片拼图验证
2020/06/24 Javascript
python编程实现12306的一个小爬虫实例
2017/12/27 Python
基于Python获取城市近7天天气预报
2019/11/26 Python
浅谈Python中文件夹和python package包的区别
2020/06/01 Python
简述 Python 的类和对象
2020/08/21 Python
以实惠的价格提供高品质的时尚:Newchic
2018/01/18 全球购物
LivingSocial爱尔兰:爱尔兰本地优惠
2018/08/10 全球购物
BannerBuzz加拿大:在线定制横幅印刷、广告和标志
2020/03/10 全球购物
八项规定整改方案
2014/02/21 职场文书
MySQL 时间类型的选择
2021/06/05 MySQL
深入理解CSS 中 transform matrix矩阵变换问题
2021/08/30 HTML / CSS
使用refresh_token实现无感刷新页面
2022/04/26 Javascript