基于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 相关文章推荐
Javascript 去除数组的重复元素
May 04 Javascript
js清空表单数据的两种方式(遍历+reset)
Jul 18 Javascript
jquery比较简洁的软键盘特效实现方法
Mar 19 Javascript
深入浅析JavaScript中数据共享和数据传递
Apr 25 Javascript
js接收并转化Java中的数组对象的方法
Aug 11 Javascript
jQuery实现可拖动进度条实例代码
Jun 21 jQuery
Angular2开发环境搭建教程之VS Code
Dec 15 Javascript
jQuery pagination分页示例详解
Oct 23 jQuery
Node对CommonJS的模块规范
Nov 06 Javascript
package.json中homepage属性的作用详解
Mar 11 Javascript
正则表达式基础与常用验证表达式
Jun 16 Javascript
JavaScript前端面试组合函数
Jun 21 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
PhpDocumentor 2安装以及生成API文档的方法
2014/05/21 PHP
用 Composer构建自己的 PHP 框架之使用 ORM
2014/10/30 PHP
phpinfo() 中 Local Value(局部变量)Master Value(主变量) 的区别
2016/02/03 PHP
利用PHP命令行模式采集股票趋势信息
2016/08/09 PHP
全面解析PHP验证码的实现原理 附php验证码小案例
2016/08/17 PHP
php+mysql开发中的经验与常识小结
2019/03/25 PHP
JQuery jsonp 使用示例代码
2009/08/12 Javascript
JS 两个字符串时间的天数差计算
2013/08/25 Javascript
Javascript解析URL方法详解
2014/12/05 Javascript
微信JSSDK上传图片
2015/08/23 Javascript
详解JavaScript时间格式化
2015/12/23 Javascript
详解Angularjs中的依赖注入
2016/03/11 Javascript
js实现非常棒的弹出div
2016/10/06 Javascript
详解windows下vue-cli及webpack 构建网站(三)使用组件
2017/06/17 Javascript
浅析微信扫码登录原理(小结)
2018/10/29 Javascript
微信小程序列表中item左滑删除功能
2018/11/07 Javascript
微信小程序8种数据通信的方式小结
2020/02/03 Javascript
浅谈JavaScript节流和防抖函数
2020/08/25 Javascript
node koa2 ssr项目搭建的方法步骤
2020/12/11 Javascript
[02:36]DOTA2英雄基础教程 斯拉克
2013/11/29 DOTA
[01:15]PWL S2开团时刻第二期——他们杀 我就白给
2020/11/25 DOTA
[02:22]完美世界DOTA2联赛PWL S3 集锦第一期
2020/12/15 DOTA
Django使用Channels实现WebSocket的方法
2019/07/28 Python
python 比较2张图片的相似度的方法示例
2019/12/18 Python
Django后端按照日期查询的方法教程
2021/02/28 Python
CSS3中设置3D变形的transform-style属性详解
2016/05/23 HTML / CSS
正规的求职信范文分享
2013/12/11 职场文书
美容院店长岗位职责
2014/04/08 职场文书
妇联领导班子剖析材料
2014/08/21 职场文书
小学领导班子对照材料
2014/08/23 职场文书
股东合作协议书
2014/09/12 职场文书
未婚证明书模板
2014/10/08 职场文书
2014年手术室工作总结
2014/11/26 职场文书
2014年体育教学工作总结
2014/12/09 职场文书
为什么你写的height:100%不起作用
2021/05/10 HTML / CSS
详解Python+OpenCV进行基础的图像操作
2022/02/15 Python