jQuery的Cookie插件 cookie 使用方法

前端APP 投稿 15500 1 评论

jQuery的Cookie插件 cookie 使用方法

cookies 是一个用 jQuery 来操作 Cookie 的插件。因为使用传统的Javascript来设置和获取Cookies信息很麻烦,要写上几个函数来处理,所以为了方便日常的开发工作,就有人写了这样一个插件,使用这个插件 ,我们可以非常轻松的创建、获取和删除Cookies。

下面是该插件比较常见的一些操作:


$.cookies.set( 'sessid', 'dh3tr62fghe' ;//设置cookie
var sessid = $.cookies.get( 'sessid' ;//获取cookie
$.cookies.del( 'sessid' ;//删除cookie
if( $.cookies.test(  //判断浏览器是否启用了cookie

另外,该插件还支持存放 JSON 数据,以及直接将某个输入框映射到cookie中,例如 $( 'input.store' .cookify(; 使用相当的方便。

创建Cookie

如我们创建一个名为“example”,值为“foo”的cookie:


$.cookie("example", "foo";

要设置cookie的有效期,可以设置expires值,如设置cookie的过期时间为10天:


$.cookie("example", "foo",{expires:10};

设置cookie一小时后过期:


var cookietime = new Date(;
cookietime.setTime(date.getTime( + (60 * 60 * 1000;//coockie保存一小时 
$.cookie("example", "foo",{expires:cookietime};

要设置cookie的保存路径,可以设置path值,如设置路径为根目录:


$.cookie("example", "foo",{path:"/"};

如果要设置路径为/admin,则:


$.cookie("example", "foo",{path:"/admin"};

获取cookie值

下面是弹出框显示名为“example”的cookie的值:


alert($.cookie("example";

删除Cookie

删除cookie,只需要将cookie的值为null,注意如果设置值为空的字符串时,并不能删除cookie,只是将cookie值清空而已


$.cookie("example",null;

该插件的下载地址:http://code.google.com/p/cookies/

编程笔记 » jQuery的Cookie插件 cookie 使用方法

赞同 (70) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(1)个小伙伴在吐槽
  1. 让人对问题有了直观的认识。
    暗夜战士 2023-09-14 23:30 (1年前) 回复