«

jQuery的Cookie插件 cookie 使用方法

时间:2024-1-19 17:14     作者:韩俊     分类: Html+Css


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/

标签: javascript html css

热门推荐