基于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 三种不同位置代码的写法
Oct 25 Javascript
解决jquery的datepicker的本地化以及Today问题
May 23 Javascript
jQuery中:enabled选择器用法实例
Jan 04 Javascript
JavaScript实现下拉菜单的显示和隐藏
Jan 05 Javascript
详解Javascript模板引擎mustache.js
Jan 20 Javascript
BootStrap 智能表单实战系列(二)BootStrap支持的类型简介
Jun 13 Javascript
基于Bootstrap仿淘宝分页控件实现代码
Nov 07 Javascript
浅谈Vue父子组件和非父子组件传值问题
Aug 22 Javascript
[js高手之路]单例模式实现模态框的示例
Sep 01 Javascript
JS动态添加的div点击跳转到另一页面实现代码
Sep 30 Javascript
解决Vue开发中对话框被遮罩层挡住的问题
Nov 26 Javascript
微信小程序实现页面浮动导航
Jan 28 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初学者(入门学习经验谈)
2010/10/12 PHP
调试一段PHP程序时遇到的三个问题
2012/01/17 PHP
PHP临时文件的安全性分析
2014/07/04 PHP
PHP中的命名空间相关概念浅析
2015/01/22 PHP
PHP实现Session入库/存入redis的方法
2017/05/04 PHP
Laravel5.4简单实现app接口Api Token认证方法
2019/08/29 PHP
你可能不再需要JQUERY
2021/03/09 Javascript
JS BASE64编码 window.atob(), window.btoa()
2021/03/09 Javascript
为调试JavaScript添加输出窗口的代码
2010/02/07 Javascript
jQuery中json对象的复制方式介绍(数组及对象)
2013/06/08 Javascript
jquery 表格排序、实时搜索表格内容(附图)
2014/05/19 Javascript
jQuery源码分析之jQuery.fn.each与jQuery.each用法
2015/01/23 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
2015/09/24 Javascript
JQuery实现左右滚动菜单特效
2015/09/28 Javascript
JavaScript实战之带收放动画效果的导航菜单
2016/08/16 Javascript
Vue数组更新及过滤排序功能
2017/08/10 Javascript
在Vue中使用Compass的方法
2018/03/02 Javascript
解决vue 项目引入字体图标报错、不显示等问题
2018/09/01 Javascript
微信小程序扫描二维码获取信息实例详解
2019/05/07 Javascript
Vue中key的作用示例代码详解
2020/06/10 Javascript
解决Vue中使用keepAlive不缓存问题
2020/08/04 Javascript
matplotlib.pyplot绘图显示控制方法
2019/01/15 Python
解决python中使用PYQT时中文乱码问题
2019/06/17 Python
解决python中的幂函数、指数函数问题
2019/11/25 Python
Python 限定函数参数的类型及默认值方式
2019/12/24 Python
Python字典深浅拷贝与循环方式方法详解
2020/02/09 Python
Python三维绘图之Matplotlib库的使用方法
2020/09/20 Python
使用javascript和HTML5 Canvas画的四渐变色播放按钮效果
2014/04/10 HTML / CSS
武汉世纪畅想数字传播有限公司 .NET笔试题
2015/06/13 面试题
服装公司总经理岗位职责
2013/11/30 职场文书
经典公益广告词
2014/03/13 职场文书
研究生考核个人自我鉴定
2014/03/27 职场文书
幼儿园清明节活动总结
2014/07/04 职场文书
团干部培训班心得体会
2016/01/06 职场文书
MySQL 数据恢复的多种方法汇总
2021/06/21 MySQL
「租借女友」第2季樱泽墨角色PV&新视觉图公开
2022/03/21 日漫