基于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 相关文章推荐
为什么要在引入的css或者js文件后面加参数的详细讲解
May 03 Javascript
JS子父窗口互相操作取值赋值的方法介绍
May 11 Javascript
jquery入门必备的基本认识及实例(整理)
Jun 24 Javascript
js语法学习之判断一个对象是否为数组
May 13 Javascript
基于JS实现EOS隐藏错误提示层代码
Apr 25 Javascript
JavaScript 消息框效果【实现代码】
Apr 27 Javascript
javascript表单事件处理方法详解
May 15 Javascript
微信小程序 wxapp视图容器 view详解
Oct 31 Javascript
AngularJS实现在ng-Options加上index的解决方法
Nov 03 Javascript
从零开始学习Node.js系列教程之设置HTTP头的方法示例
Apr 13 Javascript
关于js的三种使用方式(行内js、内部js、外部js)的程序代码
May 05 Javascript
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
Sep 25 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 查找字符串常用函数介绍
2012/06/07 PHP
几个比较实用的JavaScript 测试及效验工具
2010/04/18 Javascript
Knockoutjs快速入门(经典)
2012/12/24 Javascript
js中的scroll和offset 使用比较的实例与分析
2013/09/29 Javascript
详解jquery uploadify 上传文件
2013/11/09 Javascript
js 3秒后跳转页面的实现代码
2014/03/10 Javascript
Javascript 多物体运动的实现
2014/12/24 Javascript
javascript实现输出指定行数正方形图案的方法
2015/08/03 Javascript
Ajax清除浏览器js、css、图片缓存的方法
2015/08/06 Javascript
JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题
2015/12/07 Javascript
BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)
2016/07/07 Javascript
ES6中module模块化开发实例浅析
2017/04/06 Javascript
手把手教你搭建ES6的开发运行环境
2017/07/11 Javascript
js学习心得_一个简单的动画库封装tween.js
2017/07/14 Javascript
JavaScript实现简单评论功能
2017/08/17 Javascript
详解React-Native全球化多语言切换工具库react-native-i18n
2017/11/03 Javascript
Vue Element 分组+多选+可搜索Select选择器实现示例
2018/07/23 Javascript
JavaScript简单实现关键字文本搜索高亮显示功能示例
2018/07/25 Javascript
[53:43]VP vs NewBee Supermajor 胜者组 BO3 第三场 6.5
2018/06/06 DOTA
python处理数据,存进hive表的方法
2018/07/04 Python
对python实现模板生成脚本的方法详解
2019/01/30 Python
Python-Seaborn热图绘制的实现方法
2019/07/15 Python
Python带参数的装饰器运行原理解析
2020/06/09 Python
Python中Qslider控件实操详解
2021/02/20 Python
Tarte Cosmetics官网:美国最受欢迎的化妆品公司之一
2017/08/24 全球购物
世界上获奖最多的手机镜头:Olloclip
2018/03/03 全球购物
万豪国际住宅与别墅集团:Homes & Villas by Marriott International
2020/10/08 全球购物
高级销售员求职信
2013/10/25 职场文书
市场营销专业大学生职业生涯规划文
2014/03/06 职场文书
《第一次抱母亲》教学反思
2014/04/16 职场文书
植树节口号
2014/06/21 职场文书
开展警示教育活动总结
2015/05/09 职场文书
学习新党章心得体会2016
2016/01/15 职场文书
MySQL的join buffer原理
2021/04/29 MySQL
SQL Server内存机制浅探
2022/04/06 SQL Server
使用Ajax实现无刷新上传文件
2022/04/12 Javascript