基于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插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)
Feb 04 Javascript
三种检测iPhone/iPad设备方向的方法
Apr 23 Javascript
Bootstrap+jfinal退出系统弹出确认框的实现方法
May 30 Javascript
基于jQuery实现中英文切换导航条效果
Sep 18 Javascript
浅谈jQuery双事件多重加载的问题
Oct 05 Javascript
JavaScript易错知识点整理
Dec 05 Javascript
获取当前月(季度/年)的最后一天(set相关操作及应用)
Dec 27 Javascript
详解react-native-fs插件的使用以及遇到的坑
Sep 12 Javascript
[原创]js实现保存文本框内容为本地文件兼容IE,chrome,火狐浏览器
Feb 14 Javascript
vue-cli3+ts+webpack实现多入口多出口功能
May 30 Javascript
使用js实现单链解决前端队列问题的方法
Feb 03 Javascript
小程序开发之模态框组件封装
Apr 23 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
php 字符转义 注意事项
2009/05/27 PHP
一步一步学习PHP(6) 面向对象
2010/02/16 PHP
如何修改和添加Apache的默认站点目录
2013/07/05 PHP
一组PHP加密解密函数分享
2014/06/05 PHP
基于PHP的简单采集数据入库程序【续篇】
2014/07/30 PHP
thinkPHP框架实现的无限回复评论功能示例
2018/06/09 PHP
django中的ajax组件教程详解
2018/10/18 PHP
YII框架常用技巧总结
2019/04/27 PHP
ajax 文件上传应用简单实现
2009/03/03 Javascript
学习ExtJS Column布局
2009/10/08 Javascript
jquery validate.js表单验证的基本用法入门
2010/05/13 Javascript
基于datagrid框架的查询
2013/04/08 Javascript
防止浏览器记住用户名及密码的简单实用方法
2013/04/22 Javascript
JS控制FileUpload的上传文件类型实例代码
2016/10/07 Javascript
jQuery Validate设置onkeyup验证的实例代码
2016/12/09 Javascript
微信小程序 开发之顶部导航栏实例代码
2017/02/23 Javascript
JS实现table表格固定表头且表头随横向滚动而滚动
2017/10/26 Javascript
亲自动手实现vue日历控件
2019/06/26 Javascript
vue 实现 rem 布局或vw 布局的方法
2019/11/13 Javascript
javascript canvas时钟模拟器
2020/07/13 Javascript
JavaScript通如何过RGraph实现动态仪表盘
2020/10/15 Javascript
Python Tkinter基础控件用法
2014/09/03 Python
windows下python安装paramiko模块和pycrypto模块(简单三步)
2017/07/06 Python
Python自定义函数实现求两个数最大公约数、最小公倍数示例
2018/05/21 Python
使用Python实现在Windows下安装Django
2018/10/17 Python
Python类和对象的定义与实际应用案例分析
2018/12/27 Python
对python 多线程中的守护线程与join的用法详解
2019/02/18 Python
使用IDLE的Python shell窗口实例详解
2019/11/19 Python
matplotlib制作雷达图报错ValueError的实现
2021/01/05 Python
捷克时尚网上商店:OTTO
2018/03/15 全球购物
Clearly新西兰:购买眼镜、太阳镜和隐形眼镜
2018/04/26 全球购物
印度在线杂货店:bigbasket
2018/08/23 全球购物
Java Servlet API中forward() 与redirect()的区别
2014/04/20 面试题
主要领导对照检查材料
2014/08/26 职场文书
2014广电局实施党的群众路线教育实践活动方案思想汇报
2014/09/22 职场文书
2016关于读书活动的心得体会
2016/01/14 职场文书