本文实例讲述了jQuery中cookie插件用法。分享给大家供大家参考，具体如下：
Jquery里面提供了很多插件，方便，安全，快速实用。这节一起熟悉下JQUERY中操作Cookie的插件，插件名称为jquery.cookie.js，可以去官方网站下载。
下载地址： .
插件主要报告如下几个用法
1.创建Cookie
创建一个名称为username,值为 admin的cookie,如下
代码如下:
当然cookie还包括路径，过期时间等其他参数，一起看下其他参数的用法
代码如下:
expires:表示过期时间，默认为天，如上表示过期时间为7天,如果省略过期时间，表示关闭浏览器时候，cookie将被删除
也可以设置cookie的过期时间,如下设置3分钟后过期
path:定义cookie的有效路径，默认情况下路径为创建cookie网页所在的路径，如果想让整个网站访问到，路径设置为path: '/'
domain：设置cookie所在的域
secure: 如果为true表示cookie的传输需要使用https安全协议，默认为false
2.删除Cookie
可以使用两种方法
3.读取cookie
代码如下:
如果没有写入cookie，读取到的值为undefined
附：jquery.cookie.js完整代码如下：
1 && !$.isFunction(value)) {
options = $.extend({},config.defaults,options);
if (typeof options.expires === 'number') {
var days = options.expires,t = options.expires = new Date();
t.setMilliseconds(t.getMilliseconds() + days * 864e+5);
}
return (document.cookie = [
encode(key),'=',stringifyCookieValue(value),options.expires ? '; expires=' + options.expires.toUTCString() : '',// use expires attribute,max-age is not supported by IE
options.path ? '; path=' + options.path : '',options.domain ? '; domain=' + options.domain : '',options.secure ? '; secure' : ''
].join(''));
}
// Read
var result = key ? undefined : {},// To prevent the for loop in the first place assign an empty array
// in case there are no cookies at all. Also prevents odd result when
// calling $.cookie().
cookies = document.cookie ? document.cookie.split('; ') : [],i = 0,l = cookies.length;
for (; i < l; i++) {
var parts = cookies[i].split('='),name = decode(parts.shift()),cookie = parts.join('=');
if (key === name) {
// If second argument (value) is a function it's a converter...
result = read(cookie,value);
break;
}
// Prevent storing a cookie that we couldn't decode.
if (!key && (cookie = read(cookie)) !== undefined) {
result[name] = cookie;
}
}
return result;
};
config.defaults = {};
$.removeCookie = function (key,options) {
// Must not alter options,thus extending a fresh object...
$.cookie(key,'',$.extend({},options,{ expires: -1 }));
return !$.cookie(key);
};
}));
希望本文所述对大家jQuery程序设计有所帮助。
原文链接：https://www.f2er.com/jquery/51284.html