基于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实现ajax的叠加和停止(终止ajax请求)
Aug 08 Javascript
微信小程序 首页制作简单实例
Apr 07 Javascript
jQuery实现base64前台加密解密功能详解
Aug 29 jQuery
微信小程序实现日历效果
Dec 28 Javascript
js事件触发操作实例分析
Jun 21 Javascript
8 个有用的JS技巧(推荐)
Jul 03 Javascript
vue+elementUI实现图片上传功能
Aug 20 Javascript
微信小程序实现写入读取缓存详解
Aug 30 Javascript
layui table设置某一行的字体颜色方法
Sep 05 Javascript
微信小程序swiper左右扩展各显示一半代码实例
Dec 05 Javascript
javascript实现拖拽碰撞检测
Mar 12 Javascript
vue中使用mockjs配置和使用方式
Apr 06 Vue.js
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输出金字塔的2种实现方法
2014/12/16 PHP
PHP实现百度人脸识别
2019/05/06 PHP
php array_chunk()函数用法与注意事项
2019/07/12 PHP
laravel 模型查询按照whereIn排序的示例
2019/10/16 PHP
Laravel框架Eloquent ORM修改数据操作示例
2019/12/03 PHP
PHP语言对接抖音快手小红书视频/图片去水印API接口源码
2020/08/11 PHP
学习ExtJS TextField常用方法
2009/10/07 Javascript
javascript数字数组去重复项的实现代码
2010/12/30 Javascript
利用js读取动态网站从服务器端返回的数据
2014/02/10 Javascript
JavaScript中数据结构与算法(一):栈
2015/06/19 Javascript
js实现向右横向滑出的二级菜单效果
2015/08/27 Javascript
JS完成画圆圈的小球
2017/03/07 Javascript
详解Angular 开发环境搭建
2017/06/22 Javascript
浅谈JavaScript中的属性:如何遍历属性
2017/09/14 Javascript
node.js基于fs模块对系统文件及目录进行读写操作的方法详解
2017/11/10 Javascript
JavaScript求一组数的最小公倍数和最大公约数常用算法详解【面向对象,回归迭代和循环】
2018/05/07 Javascript
webstorm和.vue中es6语法报错的解决方法
2018/05/08 Javascript
Vue源码解析之Template转化为AST的实现方法
2018/12/14 Javascript
微信公众号平台接口开发 菜单管理的实现
2019/08/14 Javascript
js判断非127开头的IP地址的实例代码
2020/01/05 Javascript
vue2.0实现列表数据增加和删除
2020/06/17 Javascript
python之virtualenv的简单使用方法(必看篇)
2017/11/25 Python
利用Python+Java调用Shell脚本时的死锁陷阱详解
2018/01/24 Python
python实现类之间的方法互相调用
2018/04/29 Python
实现strstr功能,即在父串中寻找子串首次出现的位置
2016/08/05 面试题
学前教育教师求职自荐信
2013/09/22 职场文书
集团公司总经理岗位职责
2013/12/20 职场文书
幼儿园教师国培感言
2014/02/02 职场文书
《可爱的动物》教学反思
2014/02/22 职场文书
2014年乡镇植树节活动方案
2014/02/28 职场文书
2015年宣传部部长竞选演讲稿
2014/11/28 职场文书
教师节倡议书2015
2015/04/27 职场文书
班级班风口号大全
2015/12/25 职场文书
Redis 配置文件重要属性的具体使用
2021/05/20 Redis
详解java如何集成swagger组件
2021/06/21 Java/Android
前端JS获取URL参数的4种方法总结
2022/04/05 Javascript