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的问题