基于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 相关文章推荐
Jquey拖拽控件Draggable使用方法(asp.net环境)
Sep 28 Javascript
JS控制FileUpload的上传文件类型实例代码
Oct 07 Javascript
JavaScript无阻塞加载和defer、async详解
Feb 26 Javascript
js实现移动端编辑添加地址【模仿京东】
Apr 28 Javascript
Angular2 组件间通过@Input @Output通讯示例
Aug 24 Javascript
Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)
Sep 15 Javascript
vuex直接赋值的三种方法总结
Sep 16 Javascript
Vue CLI3 开启gzip压缩文件的方式
Sep 30 Javascript
在Node.js下运用MQTT协议实现即时通讯及离线推送的方法
Jan 24 Javascript
vue使用el-upload上传文件及Feign服务间传递文件的方法
Mar 15 Javascript
微信小程序 弹窗输入组件的实现解析
Aug 12 Javascript
JS造成内存泄漏的几种情况实例分析
Mar 02 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之字符串变相相减的代码
2007/03/19 PHP
利用php实现禁用IE和火狐的缓存问题
2012/12/03 PHP
ajax php传递和接收变量实现思路及代码
2012/12/19 PHP
thinkPHP分页功能实例详解
2017/05/05 PHP
PHP 中 var_export、print_r、var_dump 调试中的区别
2018/06/19 PHP
php中上传文件的的解决方案
2018/09/25 PHP
php依赖注入知识点详解
2019/09/23 PHP
用JavaScript对JSON进行模式匹配(Part 1-设计)
2010/07/17 Javascript
基于jQuery的左右滚动实现代码
2010/12/03 Javascript
50个比较实用jQuery代码段
2011/09/18 Javascript
js获取TreeView控件选中节点的Text和Value值的方法
2012/11/24 Javascript
Extjs单独定义各组件的实例代码
2013/06/25 Javascript
原生JS实现加入收藏夹的代码
2013/10/24 Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
2014/05/22 Javascript
jQuery中$.each使用详解
2015/01/29 Javascript
node.js实现爬虫教程
2020/08/25 Javascript
javascript 将共享属性迁移到原型中去的实现方法
2016/08/31 Javascript
Bootstrap导航条鼠标悬停下拉菜单
2017/01/04 Javascript
详解Node.js access_token的获取、存储及更新
2017/06/20 Javascript
详解如何在nuxt中添加proxyTable代理
2018/08/10 Javascript
详解Vue 如何监听Array的变化
2019/06/06 Javascript
动态实现element ui的el-table某列数据不同样式的示例
2021/01/22 Javascript
Python设计模式之单例模式实例
2014/04/26 Python
python如何读写csv数据
2018/03/21 Python
Python中断多重循环的几种方式详解
2020/02/10 Python
python中numpy.empty()函数实例讲解
2021/02/05 Python
LightInTheBox法国站:中国跨境电商
2020/03/05 全球购物
自动化专业本科毕业生求职信
2013/10/20 职场文书
优秀毕业生自我鉴定
2014/01/19 职场文书
全神贯注教学反思
2014/02/03 职场文书
《曹刿论战》教学反思
2014/03/02 职场文书
优秀纪检干部材料
2014/08/27 职场文书
学校运动会广播稿100条
2014/09/14 职场文书
初婚初育证明范本
2015/06/18 职场文书
仅用一句SQL更新整张表的涨跌幅、涨跌率的解决方案
2021/05/06 MySQL
SpringCloud的JPA连接PostgreSql的教程
2021/06/26 Java/Android