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

jquery.cookie.js插件實現瀏覽器的cookie存儲,該插件是基於jquery開發,方便cookie使用。javascript

jquerycookie.js的下載地址 http://plugins.jquery.com/project/cookiehtml

1.準備工做java

  1)因爲該插件依賴jQuery,因此首先在頁面引入jquey插件jquery

  2)在頁面引入jQuery.cookie.js瀏覽器

2.使用方法cookie

  設置cookie  spa

/*
        **  設置cookie
        **  第一個參數設置cookie的key
        **  第二個參數設置cookie的value
        **  path設置cookie的路徑
        **  expires設置cookie的失效時間,若是沒有設置爲瀏覽器關閉時失效。
        */
        $.cookie("area","002",{ path: '/', expires: 10});

  讀取cookie插件

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

   刪除cookiecode

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

 

舉例說明htm

 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>
相關文章
相關標籤/搜索