初涉jquery.cookie.js

cookie（儲存在用戶本地終端上的數據）

Cookie，有時也用其複數形式 Cookies，指某些網站為了辨別用戶身份、進行 session 跟蹤而儲存在用戶本地終端上的數據（通常經過加密）。

下載與引入jquery.cookie.js：

由於jquery.cookie.js是基於jquery的，所以先引入jquery，再引入jquery.cookie.js。

下載地址：

jquery：http://jquery.com/download/

jquery.cookie.js：http://plugins.jquery.com/cookie/

引入：

1 <script src="jquery-2.2.3.min.js"></script>
2 <script src="jquery.cookie.js"></script>

使用：

1、創建會話cookie：

$.cookie('name','value');

  在這裡沒有指明cookie的有效時間，所以創建的cookie有效時間預設是關閉瀏覽器為止，所以被稱為“會話cookie”，也就是session cookie。

2、創建指定有效期的cookie：

$.cookie('name','value'，{expires:7});

 在這裡指明的cookie的有效時間是7天，expires可以是數字，也可以是日期對象（new Date("2017-12-31")）。這裡被創建的cookie稱為“持續cookie”，也就是persistent cookie。

3、創建cookie病設置cookie的有效路徑：

$.cookie('name','value',{expires:7,path:'/'});

 預設情況下，只有創建cookie的網頁才能讀取該cookie的值。如果想讓一個網頁讀取另一個網頁的cookie，則必須設置cookie的有效路徑。path是設置能夠讀取cookie的頂級目錄，將這個路徑設置為網站的根目錄，則可以讓改網站下的所有的網頁都可以讀取cookie。註意：一般不要這樣設置，防止出現衝突。

4、讀取cookie：

$.cookie('name');

 如果存在名為‘name’的cookie，則返回對應的值，這裡返回的是‘value’；如果不存在，則返回undefined；

5、讀取所有的可用的cookie：

$.cookie();

 6、刪除cookie：

$.cookie('name',null);

 如果刪除成功，則返回true，如果刪除失敗，則返回false；

如果設置了path，domain，則在刪除時要寫相同的屬性設置，否則會刪除失敗。如：

1 $.cookie('name', 'value', { path: '/' });
2 $.removeCookie('name'); // => false
3 $.removeCookie('name', { path: '/' }); // => true

 7、可選參數：

 $.cookie('the_cookie','the_value',{
    expires:7,            //（Number|Date）有效期；設置一個整數時，單位是天；也可以設置一個日期對象作為Cookie的過期日期； 
    path:'/',             //（String）創建該Cookie的頁面路徑；
    domain:'jquery.com',  //（String）創建該Cookie的頁面功能變數名稱；
    secure:true　　　　　  //（Booblean）如果設為true，那麼此Cookie的傳輸會要求一個安全協議，例如：HTTPS；
});　

 8、配置：

$.cookie.raw = true;

 在預設情況下，cookie值在寫/讀時會採用編碼/解碼，使用encodeURIComponent / decodeuricomponent。通過 raw 設置為true繞過此操作。

$.cookie.json = true;

打開作為cookie值傳遞的JSON對象的自動存儲。假設json.stringify和JSON.parse。