基于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 相关文章推荐
js+HTML5实现视频截图的方法
Jun 16 Javascript
javascript实现简单的进度条
Jul 02 Javascript
JS实现左右无缝轮播图代码
May 01 Javascript
jQuery实现邮箱下拉列表自动补全功能
Sep 08 Javascript
jQuery表单对象属性过滤选择器实例详解
Sep 13 Javascript
AngularJS 打开新的标签页实现代码
Sep 07 Javascript
使用Dropzone.js上传的示例代码
Oct 10 Javascript
JavaScript实现带有子菜单和控件的slider轮播图效果
Nov 01 Javascript
JS中双击和单击事件冲突的解决方法
Apr 09 Javascript
小程序从手动埋点到自动埋点的实现方法
Jan 24 Javascript
vue学习笔记五:在vue项目里面使用引入公共方法详解
Apr 04 Javascript
Angular实现svg和png图片下载实现
May 05 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语法速查表
2006/12/06 PHP
PHP 定界符 使用技巧
2009/06/14 PHP
drupal 代码实现URL重写
2011/05/04 PHP
PHP 文件写入和读取操作实例详解【必看篇】
2019/11/04 PHP
jquery中this的使用说明
2010/09/06 Javascript
JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
2013/11/20 Javascript
教你如何在 Javascript 文件里使用 .Net MVC Razor 语法
2014/07/23 Javascript
javascript常用方法汇总
2014/12/02 Javascript
javascript 操作符(~、&amp;、|、^、)使用案例
2014/12/31 Javascript
Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效
2015/03/06 Javascript
删除javascript所创建子节点的方法
2015/05/21 Javascript
js+html5获取用户地理位置信息并在Google地图上显示的方法
2015/06/05 Javascript
jquery.zclip轻量级复制失效问题
2017/01/08 Javascript
基于js 本地存储(详解)
2017/08/16 Javascript
angular 实现下拉列表组件的示例代码
2019/03/09 Javascript
微信小程序页面间传递数组对象方法解析
2019/11/06 Javascript
JS浏览器BOM常见操作实例详解
2020/04/27 Javascript
Python实现自定义函数的5种常见形式分析
2018/06/16 Python
python多线程分块读取文件
2019/08/29 Python
使用 Python ssh 远程登陆服务器的最佳方案
2020/03/06 Python
学会python自动收发邮件 代替你问候女友
2020/05/20 Python
keras导入weights方式
2020/06/12 Python
python list等分并从等分的子集中随机选取一个数
2020/11/16 Python
世界上最大的罕见唱片、CD和音乐纪念品网上商店:991.com
2018/05/03 全球购物
网络通讯中,端口有什么含义,端口的取值范围
2012/11/23 面试题
教师中国梦演讲稿
2014/04/23 职场文书
职位说明书范文
2014/05/07 职场文书
特教教师先进事迹
2014/05/21 职场文书
师范生见习报告范文
2014/11/03 职场文书
工作态度不好检讨书
2015/05/06 职场文书
老员工辞职信范文
2015/05/12 职场文书
党小组推荐意见
2015/06/02 职场文书
遗嘱格式范本
2015/08/07 职场文书
选择比努力更重要?这是长期以来对“努力”的最大误解
2019/07/12 职场文书
解决MySQL存储时间出现不一致的问题
2021/04/28 MySQL
Python 匹配文本并在其上一行追加文本
2022/05/11 Python