基于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 相关文章推荐
[全兼容哦]--实用、简洁、炫酷的页面转入效果loing
May 07 Javascript
js 发个判断字符串是否为符合标准的函数
Apr 27 Javascript
JavaScript iframe的相互操作浅析
Oct 14 Javascript
JS命名空间的另一种实现
Aug 09 Javascript
jquery.post用法之type设置问题
Feb 24 Javascript
js检验密码强度(低中高)附图
Jun 05 Javascript
thinkphp实现无限分类(使用递归)
Dec 19 Javascript
jquery二级目录选中当前页的css样式
Dec 08 Javascript
vue实现图书管理demo详解
Oct 17 Javascript
jquery获取select选中值的文本,并赋值给另一个输入框的方法
Aug 21 jQuery
在antd Table中插入可编辑的单元格实例
Oct 28 Javascript
Vue3配置axios跨域实现过程解析
Nov 25 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
使用gd库实现php服务端图片裁剪和生成缩略图功能分享
2013/12/25 PHP
PHP 5.6.11 访问SQL Server2008R2的几种情况详解
2016/08/08 PHP
php实现登录页面的简单实例
2019/09/29 PHP
兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
2013/04/19 Javascript
js中substring和substr的定义和用法
2014/05/05 Javascript
table行随鼠标移动变色示例
2014/05/07 Javascript
CSS3,HTML5和jQuery搜索框集锦
2014/12/02 Javascript
jQuery控制DIV层实现由大到小,由远及近动画变化效果
2015/10/09 Javascript
JavaScript中获取Radio被选中的值
2015/11/11 Javascript
基于Node.js的强大爬虫 能直接发布抓取的文章哦
2016/01/10 Javascript
JS组件系列之Bootstrap table表格组件神器【二、父子表和行列调序】
2016/05/10 Javascript
Bootstrap3制作图片轮播效果
2016/05/12 Javascript
JQuery和PHP结合实现动态进度条上传显示
2016/11/23 Javascript
纯原生js实现table表格的增删
2017/01/05 Javascript
jQuery+PHP+Mysql实现抽奖程序
2020/04/12 jQuery
JS数组求和的常用方法实例小结
2019/01/07 Javascript
JQuery搜索框自动补全(模糊匹配)功能实现示例
2019/01/08 jQuery
微信小程序实现的picker多级联动功能示例
2019/05/23 Javascript
vue router总结 $router和$route及router与 router与route区别
2019/07/05 Javascript
Python基础练习之用户登录实现代码分享
2017/11/08 Python
彻底搞懂Python字符编码
2018/01/23 Python
Numpy数据类型转换astype,dtype的方法
2018/06/09 Python
Python中单线程、多线程和多进程的效率对比实验实例
2019/05/14 Python
Spring Cloud Feign高级应用实例详解
2019/12/10 Python
Python3 集合set入门基础
2020/02/10 Python
Python使用文件操作实现一个XX信息管理系统的示例
2020/07/02 Python
html5 canvas 使用示例
2010/10/22 HTML / CSS
JAVA和C++区别都有哪些
2015/03/30 面试题
Linux管理员面试经常问道的相关命令
2014/12/12 面试题
学校运动会开幕演讲稿
2014/01/04 职场文书
党员公开承诺书和承诺事项
2014/03/25 职场文书
人力资源管理专业自荐书
2014/07/07 职场文书
党的群众路线教育实践活动调研报告
2014/11/03 职场文书
努力学习保证书
2015/02/26 职场文书
入党介绍人意见范文
2015/06/01 职场文书
Flutter集成高德地图并添加自定义Maker的实践
2022/04/07 Java/Android