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

时间：2023-03-08 15:50:22

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});

举例说明

 <!DOCTYPE html>

 <html>

 <head>

     <title></title>

     <meta charset="utf-8">

 </head>

 <body>

 <script type="text/javascript" src="jquery.js"></script>

 <script type="text/javascript" src="jquery.cookie.js"></script>

 <script type="text/javascript">

     $(function(){

         /*

         **  设置cookie

         **  第一个参数设置cookie的key

         **  第二个参数设置cookie的value

         **  path设置cookie的路径

         **  expires设置cookie的失效时间，如果没有设置为浏览器关闭时失效。

         */

         $.cookie("area","002",{ path: '/', expires: 10});

         /*

         ** 读取cookie

         */

         console.log($.cookie("area"));

         /*

         **删除cookie

         **

         */

         $.cookie("area",null,{ path: '/', expires: 10});

     });

 </script>

 </body>

 </html>

相关文章