本文实例讲述了jQuery中cookie插件用法。分享给大家供大家参考，具体如下：

Jquery里面提供了很多插件，方便，安全，快速实用。这节一起熟悉下JQUERY中操作Cookie的插件，插件名称为jquery.cookie.js，可以去官方网站下载。

插件主要报告如下几个用法

1.创建Cookie

创建一个名称为username,值为 admin的cookie ,如下

代码如下:

$.cookie('username',"admin");

当然cookie还包括路径，过期时间等其他参数，一起看下其他参数的用法

代码如下:

$.cookie('username', 'admin', {expires: 7, path: '/', domain: 'jquery.com', secure: true});

expires:表示过期时间，默认为天，如上表示过期时间为7天,如果省略过期时间，表示关闭浏览器时候，cookie将被删除

也可以设置cookie的过期时间,如下设置3分钟后过期

var dt= new date();

dt.settime(date.gettime() + (3* 60 * 1000));

$.cookie('username', 'admin', { expires: dt});

path:定义cookie的有效路径，默认情况下路径为创建cookie网页所在的路径，如果想让整个网站访问到，路径设置为path: '/'

domain：设置cookie所在的域

secure: 如果为true表示cookie的传输需要使用https安全协议，默认为false

2.删除Cookie

可以使用两种方法

$.removeCookie("username");

$.cookie('username',"null");

3.读取cookie

代码如下:

var account = $.cookie('username');

如果没有写入cookie，读取到的值为undefined

附：jquery.cookie.js完整代码如下：

/*!

* jQuery Cookie Plugin v1.4.1

* https://github.com/carhartl/jquery-cookie

*

* Copyright 2006, 2014 Klaus Hartl

* Released under the MIT license

*/

(function (factory) {

if (typeof define === 'function' && define.amd) {

// AMD (Register as an anonymous module)

define(['jquery'], factory);

} else if (typeof exports === 'object') {

// Node/CommonJS

module.exports = factory(require('jquery'));

} else {

// Browser globals

factory(jQuery);

}

}(function ($) {

var pluses = /+/g;

function encode(s) {

return config.raw ? s : encodeURIComponent(s);

}

function decode(s) {

return config.raw ? s : decodeURIComponent(s);

}

function stringifyCookieValue(value) {

return encode(config.json ? JSON.stringify(value) : String(value));

}

function parseCookieValue(s) {

if (s.indexOf('"') === 0) {

// This is a quoted cookie as according to RFC2068, unescape...

s = s.slice(1, -1).replace(/"/g, '"').replace(/\/g, '');

}

try {

// Replace server-side written pluses with spaces.

// If we can't decode the cookie, ignore it, it's unusable.

// If we can't parse the cookie, ignore it, it's unusable.

s = decodeURIComponent(s.replace(pluses, ' '));

return config.json ? JSON.parse(s) : s;

} catch(e) {}

}

function read(s, converter) {

var value = config.raw ? s : parseCookieValue(s);

return $.isFunction(converter) ? converter(value) : value;

}

var config = $.cookie = function (key, value, options) {

// Write

if (arguments.length > 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程序设计有所帮助。