首页 > 代码库 > jQuery.cookie.js插件了解及使用方法

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         **  设置cookie14         **  第一个参数设置cookie的key15         **  第二个参数设置cookie的value16         **  path设置cookie的路径17         **  expires设置cookie的失效时间,如果没有设置为浏览器关闭时失效。18         */19         $.cookie("area","002",{ path: /, expires: 10});20 21         /*22         ** 读取cookie23         */24         console.log($.cookie("area"));25 26         /*27         **删除cookie28         **29         */30         $.cookie("area",null,{ path: /, expires: 10});31     });32 </script>33 </body>34 </html>

 

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