Cookies

　　定義：讓網站伺服器把少量資料儲存到客戶端的硬碟或記憶體，從客戶端的硬碟讀取資料的一種技術；

　　下載與引入:jquery.cookie.js基於jquery；先引入jquery，再引入：jquery.cookie.js；下載：http://plugins.jquery.com/cookie/

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

　　jquery.cookie.js程式碼的內容並不多，可以直接拷貝一下

jQuery.cookie = function (key,value,options) {

  // key and value given,set cookie...
  if (arguments.length > 1 && (value === null || typeof value !== "object")) {
    options = jQuery.extend({},options);

    if (value === null) {
      options.expires = -1;
    }

    if (typeof options.expires === 'number') {
      var days = options.expires,t = options.expires = new Date();
      t.setDate(t.getDate() + days);
    }

    return (document.cookie = [
      encodeURIComponent(key),'=',options.raw ? String(value) : encodeURIComponent(String(value)),options.expires ? '; expires=' + options.expires.toUTCString() : '',// use expires attribute,max-age is not supported by IE
      options.path ? '; path=' + options.path : '',options.domain ? '; domain=' + options.domain : '',options.secure ? '; secure' : ''
    ].join(''));
  }

  // key and possibly options given,get cookie...
  options = value || {};
  var result,decode = options.raw ? function (s) { return s; } : decodeURIComponent;
  return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};

1.新增一個"會話cookie"

$.cookie('the_cookie','the_value');

　　這裡沒有指明 cookie有效時間，所建立的cookie有效期預設到使用者關閉瀏覽器為止，所以被稱為 “會話cookie（session cookie）”。

2.建立一個cookie並設定有效時間為 7天

$.cookie('the_cookie','the_value',{ expires: 7 });

　　這裡指明瞭cookie有效時間，所建立的cookie被稱為“持久 cookie （persistent cookie）”。注意單位是：天；

　　PS：這裡好像是有問題啊，試了半天，發現jquery設定的cookie過期時間關閉瀏覽器就失效，https://www.cnblogs.com/acm-bingzi/p/jquery_cookie_expire.html

3.建立一個cookie並設定 cookie的有效路徑

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

　　在預設情況下，只有設定 cookie的網頁才能讀取該 cookie。如果想讓一個頁面讀取另一個頁面設定的cookie，必須設定cookie的路徑。cookie的路徑用於設定能夠讀取 cookie的頂級目錄。將這個路徑設定為網站的根目錄，可以讓所有網頁都能互相讀取 cookie （一般不要這樣設定，防止出現衝突）。

4.讀取cookie

$.cookie('the_cookie');

5.刪除cookie

$.cookie('the_cookie',null); //通過傳遞null作為cookie的值即可

6.可選引數

$.cookie('the_cookie',{
　　expires:7,
　　path:'/',
　　domain:'jquery.com',
　　secure:true
})　

• expires：（Number|Date）有效期；設定一個整數時，單位是天；也可以設定一個日期物件作為Cookie的過期日期；
• path：（String）建立該Cookie的頁面路徑；
• domain：（String）建立該Cookie的頁面域名；
• secure：（Booblean）如果設為true，那麼此Cookie的傳輸會要求一個安全協議，例如：HTTPS；

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。