jQuery操作cookie的插件

最新推荐文章于 2025-04-05 18:15:24 发布

原创最新推荐文章于 2025-04-05 18:15:24 发布 · 915 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #domain #cookies #date #path #null

js/jquery 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个简单的jQuery插件，用于处理浏览器的Cookie操作。通过该插件可以轻松地设置、获取和删除Cookie。文中提供了详细的使用示例，包括如何设置Cookie的有效期、路径和域等属性。

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的键值对
//$.cookie(’name’, ‘value’);
//设置cookie的键值对，有效期，路径，域，安全
//$.cookie(’name’, ‘value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true});
//新建一个cookie 包括有效期路径域名等
//读取cookie的值
//var account= $.cookie(’name’);
//删除一个cookie
//example $.cookie(’name’, null);