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

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

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>