本文实例讲述了jquery中cookie用法。分享给大家供大家参考，具体如下：
cookie在jquery中有指定的cookie操作类，下面我先来介绍我们在使用cookie操作类时的一些问题，然后介绍正确的使用方法。
使用jquery操作cookie时 发生取的值不正确的问题：
结果发现cookie有四个不同的属性:
名称，内容，域，路径
$.cookie('the_cookie'); // 读取 cookie $.cookie('the_cookie', 'the_value'); // 存储 cookie $.cookie('the_cookie', 'the_value', { expires: 7 }); // 存储一个带7天期限的 cookie $.cookie('the_cookie', '', { expires: -1 }); // 删除 cookie
使用：
复制代码 代码如下:
$.cookie(currentmenuid, menuid);
时 未指定域和路径。
所有当域和路径不同时会产生不同的cookie
复制代码 代码如下:
$.cookie(currentmenuid);
取值时会产生问题。
故：
复制代码 代码如下:
$.cookie(currentmenuid, menuid, { path: /});
进行覆盖。同域下同一个cookieid对应一个值。
下面我们来看个实例
关于cookie的path设置需要注意，如果不设置path:'/'的话，path则会根据目录自动设置[如:http://www.xxx.com/user/,path会被设置为 '/user']
$.extend({ /** 1. 设置cookie的值，把name变量的值设为value example $.cookie('name', ‘value'); 2.新建一个cookie 包括有效期 路径 域名等 example $.cookie('name', ‘value', {expires: 7, path: ‘/', domain: ‘jquery.com', secure: true}); 3.新建cookie example $.cookie('name', ‘value'); 4.删除一个cookie example $.cookie('name', null); 5.取一个cookie(name)值给myvar var account= $.cookie('name'); **/ cookiehelper: 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(); // use expires attribute, max-age is not supported by ie } 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 { // only name given, get cookie var cookievalue = null; if (document.cookie && document.cookie != '') { var cookies = document.cookie.split(';'); for (var i = 0; i 10) {$.cookie(site, stringcookie, { expires: 7 });break;} else {stringcookie = textval + | + stringcookie;}}}} else {html += 没有记录}getid(allsitesboxcontent).innerhtml = html;}function closeime(e) {var obj = e.target ? e.target : e.srcelement;obj.style.imemode = 'disabled';}function onpaste(e) {var obj = e.target ? e.target : e.srcelement;settimeout(movehttp(' + obj.id + '), 100);}function movehttp(id) {var val = getid(id).value;val = val.replace(http://, );if (val[val.length - 1] == '/') {val = val.substring(0, val.length - 1);}getid(id).value = val;}function onkeyup(e) {var obj = e.target ? e.target : e.srcelement;settimeout(addinput(' + obj.id + '), 200);}function addinput(id) {var obj = getid(id);//如果是一个没有true的input不执行if (obj.getattribute('url') == 'true') {if (obj.value.indexof('。') > 0) {obj.value = obj.value.replace('。', '.');}var tags = document.getelementsbytagname('input');for (var i = 0; i = 0; i--) {var textval = urllist[i];if ($.trim(textval) != && $.trim(textval) != undefined) {html += + textval +
;forlength = forlength + 1;if (forlength > 10) {//在这里我只加载10条，大家可以根据自己的情况进行调整$.cookie(site, stringcookie, { expires: 7 });break;} else {//如果超出10个的话就取最后10个stringcookie = textval + | + stringcookie;}}}} else {html += 没有记录}getid(allsitesboxcontent).innerhtml = html;}
完成了这些之后我们只需要在单击查询时进行存储cookie就行了，看下面的方法
操作cookie类
function setcookie(name, value) {var oldcookie = $.cookie(name);if (oldcookie == null) {$.cookie(name, value, { expires: 7 });} else {if ($.cookie(name).indexof(value) == -1) {$.cookie(name, oldcookie + | + value, { expires: 7 });} else {$.cookie(name, oldcookie.replace(value, ) + | + value, { expires: 7 });}}fillurls(name);}
调用 时这样写
复制代码 代码如下:
setcookie(site, strdomin);
好了功能完成。进行具体的测试
代码写的不是很好，希望大家多提提建议，我们进行相应修改争取更完善。
cookie是存储的客户端的，一个并且只能访问同域名下的cookie，子域名之间可以相互访问，只要加上domain属性就行了，存储的方法如下
复制代码 代码如下:
$.cookie(domain, value, { expires: 7, domain: 7c.com });
取的时间直接写 $.cookie(domain);就好了，只要是子域名，都这样调用，这样可以达到本域名下的cookie共享的功能。cookie的有效利用会给我们的网站带来n多意想不到的效果和功能，大家交流下
更多关于jquery操作cookie相关内容可查看本站专题：《jquery的cookie操作技巧总结》
希望本文所述对大家jquery程序设计有所帮助。