基于JQuery的cookie插件
2010-04-07 00:00
686 查看
简单使用方法:
插件的源代码也很简单:
cookie的插件
另外可以参考:
jquery cookie插件代码类
<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插件代码类
相关文章推荐
- 基于JQuery的cookie插件
- 基于JQuery的cookie插件
- 介绍一个基于jQuery的Cookie操作插件
- 基于jQuery的Cookie操作插件--简单而又没有兼容性问题!
- JCookie-基于JQuery的Cookie增强插件
- 基于jquery fly插件实现加入购物车抛物线动画效果,jquery.fly.js
- 16 款基于jQuery的图片缩放效果插件推荐
- 基于jQuery的history历史记录插件
- 基于 jQuery支持移动触摸设备的Lightbox插件
- 基于jquery的一个图片hover的插件
- jQuery中cookie插件如何使用
- 基于Jquery的表格隔行换色,移动换色,点击换色插件
- jQuery插件之Cookie
- 【原创】一个非常简洁基于jquery原创无限级联ajax异步请求下拉框插件
- 基于jquery的表单校验插件 - formvalidator使用体验
- jQuery插件 -- Cookie插件
- 10 款基于 jQuery 的切换效果插件推荐
- 10 个基于jQuery的表单增强脚本和插件