LiuBei

青春渐行渐远,一去不复返 用有限的时间来记录那些无限美好的事情

jquery.cookie 使用方法

1、依赖jQuery库

注:jQuery文件引入要在插件jquery.cookie前,因为jquery.cookie插件依赖jquery 类库!


2、下载

官方github:https://github.com/carhartl/jquery-cookie


3、函数属性简介

语法:$.cookie(名称,值,[option]);


(1)读取cookie值

//cookieName:要读取的cookie名称。
$.cookie(cookieName);  
//示例:读取保存在cookie中名为的username的值。
$.cookie("username"); 


(2)写入设置Cookie值:

//cookieName:要设置的cookie名称,cookieValue表示相对应的值。
$.cookie(cookieName,cookieValue);  
//示例:将值"admin"写入cookie名为username的cookie中。
$.cookie("username","admin"); 


(3)销毁设置Cookie值:

//销毁名称为username的cookie把值变成NULL
$.cookie("username",NULL);
//销毁名称为username的cookie把值变成undefined
$.removeCookie('username'); 
//销毁名称为username带属性的cookie
$.cookie('username', 'value', { path: '/' });
$.removeCookie('username', { path: '/' });


(4) [option]参数说明:

expires:  有限日期,可以是一个整数或一个日期(单位:天)。  这个地方也要注意,如果不设置这个东西,浏览器关闭之后此cookie就失效了

path:    cookie值保存的路径,默认与创建页路径一致。

domin:    cookie域名属性,默认与创建页域名一样。  这个地方要相当注意,跨域的概念,如果要主域名二级域名有效则要设置  ".xxx.com"

secrue:   一个布尔值,表示传输cookie值时,是否需要一个安全协议,默认是false,如果为true,cookie的传输协议需为https。


创建cookie实例:

$.cookie("useuName", $("#useuName").val(), { path: "/", expiress: 7 ,sucue:true})


转载请注明转自: 刘贝个人博客的jquery.cookie 使用方法


分享文章
0 条评论