JQuery下Cookie的使用

使用传统的Javascript来设置和获取Cookies信息很麻烦,要写上几个函数来处理,幸运的是jQuery帮我们做了很多事,借助jQuery插件,我们可以轻松的创建、获取和删除Cookies。点击这里下载cookies插件:http://plugins.jquery.com/project/Cookie

创建Cookie

使用jQuery设置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值 

使用jQuery获取cookie的值的方法那是相当的简单,下面是弹出框显示名为“example”的cookie的值: 

复制代码代码如下:

alert($.cookie("example")); 

 

删除Cookie 

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

复制代码代码如下:

$.cookie("example",null); 

 

参考: < http://www.jb51.net/article/28492.htm >

你可能感兴趣的:(前端技术)