基于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获取各种宽度、高度(format函数)实例
Mar 04 Javascript
解决css和js的{}与smarty定界符冲突问题的两种方法
Sep 10 Javascript
JavaScript中Math对象方法使用概述
Jan 02 Javascript
js网页右下角提示框实例
Oct 14 Javascript
原生javaScript实现图片延时加载的方法
Dec 22 Javascript
javascript加载xml 并解析各节点的值(实现方法)
Oct 12 Javascript
深入理解vue2.0路由如何配置问题
Jul 18 Javascript
webpack实现热更新(实施同步刷新)
Jul 28 Javascript
微信小程序自定义导航栏实例代码
Apr 05 Javascript
详解在Angular4中使用ng2-baidu-map的方法
Jun 19 Javascript
js实现无限层级树形数据结构(创新算法)
Feb 27 Javascript
Javascript中Microtask和Macrotask鲜为人知的知识点
Apr 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实现数字补零功能的2个函数介绍
2014/05/12 PHP
php使用自定义函数实现汉字分割替换功能示例
2017/01/30 PHP
对YUI扩展的Gird组件 Part-2
2007/03/10 Javascript
User Scripts: Video Download by User Scripts
2007/05/14 Javascript
jQuery 位置插件
2008/12/25 Javascript
前端开发部分总结[兼容性、DOM操作、跨域等](持续更新)
2010/03/04 Javascript
Js 时间函数getYear()的使用问题探讨
2013/04/01 Javascript
鼠标经过显示二级菜单js特效
2013/08/13 Javascript
判断文件是否正在被使用的JS代码
2013/12/21 Javascript
再谈JavaScript线程
2015/07/10 Javascript
jquery实现页面虚拟键盘特效
2015/08/08 Javascript
JavaScript利用Date实现简单的倒计时实例
2017/01/12 Javascript
Koa 中的错误处理解析
2019/04/09 Javascript
javascript设计模式 ? 单例模式原理与应用实例分析
2020/04/09 Javascript
编写一个javascript元循环求值器的方法
2020/04/14 Javascript
Python中的二叉树查找算法模块使用指南
2014/07/04 Python
python 示例分享---逻辑推理编程解决八皇后
2014/07/20 Python
python正则实现计算器功能
2017/12/14 Python
tensorflow实现简单的卷积神经网络
2018/05/24 Python
Python实现基于KNN算法的笔迹识别功能详解
2018/07/09 Python
PyTorch 1.0 正式版已经发布了
2018/12/13 Python
Python3爬楼梯算法示例
2019/03/04 Python
Python数据处理篇之Sympy系列(五)---解方程
2019/10/12 Python
wxPython实现整点报时
2019/11/18 Python
python 视频逐帧保存为图片的完整实例
2019/12/10 Python
谷歌浏览器小字体处理方案即12px以下字体
2013/12/17 HTML / CSS
全球性的奢侈品梦工厂:Forzieri(福喜利)
2019/02/20 全球购物
施华洛世奇新加坡官网:SWAROVSKI新加坡
2020/10/06 全球购物
计算机科学与技术应届生求职信
2013/11/07 职场文书
党的群众路线教育实践活动公开承诺书
2014/03/28 职场文书
2014年大学生就业规划书
2014/04/04 职场文书
小学教师师德承诺书
2014/05/23 职场文书
党的群众路线教育实践活动调研报告
2014/11/03 职场文书
毕业答辩开场白范文
2015/05/27 职场文书
钢琴师观后感
2015/06/12 职场文书
小学大队干部竞选稿
2015/11/20 职场文书