jQuery:cookie插件的使用

时间:2021-11-11 22:38:16

Jquery插件就是在Jquery基础之上,开发的基于Jquery的javascript库。

 

在Jquery中,引入cookie插件后,可以很方便的定义某个cookie的名称,并设置cookie值。通过设置好的cookie,可以很便利的保存用户的页面浏览记录,在用户选择保存的情况下,还可以保存用户的登录信息。

 

导入cookie插件后,可以通过一个全局性的方法管理客户端的cookie对象,格式如下:

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

 

如果是写入或设置cookie值,其调用格式如下:

$.cookie(cookieName,cookieValue);其中参数"cookieName"表示要设置的cookie名称,"cookieValue"表示相对应的值。

 

如果是读取cookie值,其调用格式如下:

$.cookie(cookieName);其中cookieName参数表示要读取的cookie名称。

 

如果是销毁cookie值,其调用格式如下:

$.cookie(cookieName,NULL);其中,参数cookieName表示要销毁的cookie的名称,在销毁的cookie时,其可选项参数中的路径(path)和域名(domain)必须与设置时的一样,否则不能销毁。

 

另外,在方法$.cookie()中,可选参数[option]以对象的形式展示,用于补充说明设置的cookie对象,其常用属性如下:

$.cookie(cookieName,cookieValue,{

       expires:    //有限日期,可以是一个整数或一个日期(单位:天)  设置10个小时,可以用 10/24

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

       domin:     //cookie域名属性,默认值与创建页面域名一样

       secure:    //一个布尔值,表示传输cookie值时,是否需要一个安全协议

})

 

用例:

 

读取cookie

if($.cookie("UserName")){

      $("#UserName").val($.cookie("UserName"));

}

 

写入cookie

cookie("UserName","datou");