基于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 相关文章推荐
使用自定义setTimeout和setInterval使之可以传递参数和对象参数
Apr 24 Javascript
Jquery图形报表插件 jqplot简介及参数详解
Oct 10 Javascript
jquery实现点击弹出可放大居中及关闭的对话框(附demo源码下载)
May 10 Javascript
D3.js实现散点图和气泡图的方法详解
Sep 21 Javascript
mvc 、bootstrap 结合分布式图简单实现分页
Oct 10 Javascript
简单实现jQuery多选框功能
Jan 09 Javascript
canvas实现刮刮卡效果
Mar 14 Javascript
Webpack 服务器端代码打包的示例代码
Sep 19 Javascript
详解使用VueJS开发项目中的兼容问题
Aug 02 Javascript
在小程序开发中使用npm的方法
Oct 17 Javascript
JS字典Dictionary类定义与用法示例
Feb 01 Javascript
js中Map和Set的用法及区别实例详解
Feb 15 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
人尽可用的Windows技巧小贴士之下篇
2007/03/22 PHP
将文件夹压缩成zip文件的php代码
2009/12/14 PHP
php 数组排序 array_multisort与uasort的区别
2011/03/24 PHP
具有时效性的php加密解密函数代码
2013/06/19 PHP
提高PHP性能的编码技巧以及性能优化详细解析
2013/08/24 PHP
php检测网页是否被百度收录的函数代码
2013/10/09 PHP
WordPress中is_singular()函数简介
2015/02/05 PHP
表单类各种类型(文本框)失去焦点效果jquery代码
2013/04/26 Javascript
javascript中cookie对象用法实例分析
2015/01/30 Javascript
javascript实现2016新年版日历
2016/01/25 Javascript
jQuery模拟360浏览器切屏效果幻灯片(附demo源码下载)
2016/01/29 Javascript
使用 Vue 绑定单个或多个 Class 名的实例代码
2018/01/08 Javascript
vue使用 better-scroll的参数和方法详解
2018/01/25 Javascript
vue 自定义指令自动获取文本框焦点的方法
2018/08/25 Javascript
js代码实现轮播图
2020/05/04 Javascript
Python中利用函数装饰器实现备忘功能
2015/03/30 Python
python使用wxpython开发简单记事本的方法
2015/05/20 Python
简单了解python模块概念
2018/01/11 Python
Python编程scoketServer实现多线程同步实例代码
2018/01/29 Python
Python面向对象class类属性及子类用法分析
2018/02/02 Python
python 实现在txt指定行追加文本的方法
2018/04/29 Python
tensorflow实现加载mnist数据集
2018/09/08 Python
Python单元和文档测试实例详解
2019/04/11 Python
python opencv对图像进行旋转且不裁剪图片的实现方法
2019/07/09 Python
基于Python和PyYAML读取yaml配置文件数据
2020/01/13 Python
tensorflow模型保存、加载之变量重命名实例
2020/01/21 Python
HTML table 表格边框的实现思路
2019/10/12 HTML / CSS
来自世界各地的饮料:Flavourly
2019/05/06 全球购物
大客户销售经理职责
2013/12/04 职场文书
餐饮收银员岗位职责
2014/02/07 职场文书
企业道德讲堂实施方案
2014/03/19 职场文书
企业贷款委托书格式
2014/09/12 职场文书
公司会议开幕词
2015/01/29 职场文书
2015年政务公开工作总结
2015/05/19 职场文书
2016高考冲刺决心书
2015/09/23 职场文书
互联网的下一个风口:新的独角兽将诞生
2019/08/02 职场文书