基于JQuery的cookie插件


Posted in Javascript onApril 07, 2010

简单使用方法:

<html> 
<head> 
<title>JQuery-Cookie插件</title> 
<script type="text/javascript" src="jquery-1.4.js"></script> 
<script type="text/javascript" src="jquery.cookie.js"></script> 
</head> 
<body> 
<a href="#">设置cookie1</a><br> 
<a href="#">设置cookie2</a><br> 
<a href="#">获取cookie</a><br> 
<a href="#">删除cookie</a><br> 
</body> 
</html> 
<script type="text/javascript"> 
$(function(){ 
var COOKIE_NAME = 'test_cookie'; 
//设置cookie,通过时间间隔 
$('a').eq(0).click(function() { 
$.cookie(COOKIE_NAME, 'test', { path: '/', expires: 1 }); 
return false; 
}); 
// 设置cookie,到期时间 
$('a').eq(1).click(function() { 
var date = new Date(); 
date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000)); 
$.cookie(COOKIE_NAME, 'test', { path: '/', expires: date }); 
return false; 
}); 
// 获取 cookie 
$('a').eq(2).click(function() { 
alert($.cookie(COOKIE_NAME)); 
return false; 
}); 
// 删除cookie 
$('a').eq(3).click(function() { 
$.cookie(COOKIE_NAME, null, { path: '/' }); 
return false; 
}); 
}); 
</script>

插件的源代码也很简单:
jQuery.cookie = function(name, value, options) { 
if (typeof value != 'undefined') { // name and value given, set cookie 
options = options || {}; 
if (value === null) { 
value = ''; 
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(); 
} 
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 { 
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]); 
if (cookie.substring(0, name.length + 1) == (name + '=')) { 
cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); 
break; 
} 
} 
} 
return cookieValue; 
} 
};

cookie的插件

另外可以参考:
jquery cookie插件代码类

Javascript 相关文章推荐
关于jquery css的使用介绍
Apr 18 Javascript
使用jquery的ajax需要注意的地方dataType的设置
Aug 12 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
Dec 31 Javascript
分享有关jQuery中animate、slide、fade等动画的连续触发、滞后反复执行的bug
Jan 10 Javascript
JavaScript自学笔记(必看篇)
Jun 23 Javascript
jQuery DateTimePicker 日期和时间插件示例
Jan 22 Javascript
js 获取图像缩放后的实际宽高,位置等信息
Mar 07 Javascript
Vue单页应用引用单独的样式文件的两种方式
Mar 30 Javascript
在Vue项目中引入腾讯验证码服务的教程
Apr 03 Javascript
微信小程序中时间戳和日期的相互转换问题
Jul 09 Javascript
js实现点赞效果
Mar 16 Javascript
vue通过v-html指令渲染的富文本无法修改样式的解决方案
May 20 Javascript
JQuery为textarea添加maxlength属性的代码
Apr 07 #Javascript
JavaScript和JQuery实用代码片段(一)
Apr 07 #Javascript
jquery 学习笔记一
Apr 07 #Javascript
ext jquery 简单比较
Apr 07 #Javascript
jQuery asp.net 用json格式返回自定义对象
Apr 07 #Javascript
FileUpload 控件 禁止手动输入或粘贴的实现代码
Apr 07 #Javascript
js 小贴士一星期合集
Apr 07 #Javascript
You might like
2014年最新推荐的10款 PHP 开发框架
2014/08/01 PHP
js Event对象的5种坐标
2011/09/12 Javascript
深入理解JavaScript系列(4) 立即调用的函数表达式
2012/01/15 Javascript
js split 的用法和定义 js split分割字符串成数组的实例代码
2012/05/13 Javascript
如何让页面在打开时自动刷新一次让图片全部显示
2012/12/17 Javascript
手机平板等移动端适配跳转URL的js代码
2014/01/25 Javascript
Js可拖拽放大的层拖动特效实现方法
2015/02/25 Javascript
每天一篇javascript学习小结(RegExp对象)
2015/11/17 Javascript
js实现的鼠标滚轮滚动切换页面效果(类似360默认页面滚动切换效果)
2016/01/27 Javascript
JavaScript制作简单的日历效果
2016/03/10 Javascript
JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
2017/06/20 Javascript
mpvue小程序仿qq左滑置顶删除组件
2018/08/03 Javascript
vue+axios+promise实际开发用法详解
2018/10/15 Javascript
js防抖和节流的深入讲解
2018/12/06 Javascript
vue配置接口域名方法总结
2019/05/12 Javascript
使用layer弹窗提交表单时判断表单是否输入为空的例子
2019/09/26 Javascript
[02:41]DOTA2英雄基础教程 谜团
2013/12/10 DOTA
Python通过PIL获取图片主要颜色并和颜色库进行对比的方法
2015/03/19 Python
用Python实现命令行闹钟脚本实例
2016/09/05 Python
Python中文件I/O高效操作处理的技巧分享
2017/02/04 Python
Python下实现的RSA加密/解密及签名/验证功能示例
2017/07/17 Python
PyCharm-错误-找不到指定文件python.exe的解决方法
2019/07/01 Python
Python新手如何进行闭包时绑定变量操作
2020/05/29 Python
使用pytorch 筛选出一定范围的值
2020/06/28 Python
python在地图上画比例的实例详解
2020/11/13 Python
AHAVA美国官方网站:死海海泥护肤品牌
2016/10/18 全球购物
荷兰牛仔裤网上商店:Jeans Centre
2018/04/03 全球购物
简述你对Statement,PreparedStatement,CallableStatement的理解
2013/03/25 面试题
班级入场式解说词
2014/02/01 职场文书
央视元宵晚会主持串词
2014/03/25 职场文书
大学生就业策划书范文
2014/04/04 职场文书
材料采购员岗位职责
2015/04/03 职场文书
2015年社区党务工作总结
2015/04/21 职场文书
python for循环赋值问题
2021/06/03 Python
springcloud之Feign超时问题的解决
2021/06/24 Java/Android
Python极值整数的边界探讨分析
2021/09/15 Python