jQuery.cookie.js插件了解及使用方法

Posted yan_ck

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery.cookie.js插件了解及使用方法相关的知识,希望对你有一定的参考价值。

jquery.cookie.js插件实现浏览器的cookie存储,该插件是基于jquery开发,方便cookie使用。

jquerycookie.js的下载地址 http://plugins.jquery.com/project/cookie

1.准备工作

  1)由于该插件依赖jQuery,所以首先在页面引入jquey插件

  2)在页面引入jQuery.cookie.js

2.使用方法

  设置cookie  

/*
        **  设置cookie
        **  第一个参数设置cookie的key
        **  第二个参数设置cookie的value
        **  path设置cookie的路径
        **  expires设置cookie的失效时间,如果没有设置为浏览器关闭时失效。
        */
        $.cookie("area","002",{ path: ‘/‘, expires: 10});

  读取cookie

 /*
        ** 读取cookie
        */
        console.log($.cookie("area"));

   删除cookie

/*
        **删除cookie
        **
        */
        $.cookie("area",null,{ path: ‘/‘, expires: 10});

 

举例说明

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title></title>
 5     <meta charset="utf-8">
 6 </head>
 7 <body>
 8 <script type="text/javascript" src="jquery.js"></script>
 9 <script type="text/javascript" src="jquery.cookie.js"></script>
10 <script type="text/javascript">
11     $(function(){
12         /*
13         **  设置cookie
14         **  第一个参数设置cookie的key
15         **  第二个参数设置cookie的value
16         **  path设置cookie的路径
17         **  expires设置cookie的失效时间,如果没有设置为浏览器关闭时失效。
18         */
19         $.cookie("area","002",{ path: /, expires: 10});
20 
21         /*
22         ** 读取cookie
23         */
24         console.log($.cookie("area"));
25 
26         /*
27         **删除cookie
28         **
29         */
30         $.cookie("area",null,{ path: /, expires: 10});
31     });
32 </script>
33 </body>
34 </html>

 

以上是关于jQuery.cookie.js插件了解及使用方法的主要内容,如果未能解决你的问题,请参考以下文章

$.cookie is not a function;原因及解决办法

Jquery.cookie.js插件:$.cookie方法的使用

jquery.cookie.js插件删除不掉cookie的问题

jquery cookie插件

jquery.cookie.js——jquery的cookie插件

jquery.cookie.js——jquery的cookie插件