快速學習jQuery外掛 Cookie外掛使用方法_jquery

Cookie是網站設計者放置在客戶端的小文字檔案。 Cookie能為使用者提供很多的使得，例如購物網站儲存使用者曾經瀏覽過的產品列表，或是入口網站記住使用者喜歡選擇瀏覽哪一類新聞。 在使用者允許的情況下，還可以儲存使用者的登入訊息，使得使用者在造訪網站時不必每次都鍵入這些資訊
使用方法：
1.引入jquery.cookie.js

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

2、方法

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）」。

3）.建立一個cookie並設定cookie的有效路徑：$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });

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

4）.讀取cookie：

$.cookie('the_cookie'); // cookie存在 => 'the_value'

$.cookie('not_existing'); // cookie不存在 => null

5).刪除cookie，透過傳遞null作為cookie的值即可：$.cookie('the_cookie', null);

3.將cookie寫入檔案

 var COOKIE_NAME = 'username'; 
  if( $.cookie(COOKIE_NAME) ){ 
    $("#username").val( $.cookie(COOKIE_NAME) ); 
  } 
  $("#check").click(function(){ 
    if(this.checked){ 
      $.cookie(COOKIE_NAME, $("#username").val() , { path: '/', expires: 10 }); 
      //var date = new Date(); 
      //date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000)); //三天后的这个时候过期 
      //$.cookie(COOKIE_NAME, $("#username").val(), { path: '/', expires: date }); 
    }else{ 
      $.cookie(COOKIE_NAME, null, { path: '/' }); //删除cookie 
    } 
  }); 

參數設定：
expires: (Number | Date)  ：有效期，可以設定一個整數作為有效期限（單位：天），也可以設定日期物件作為Cookie的過期日期。如果指定日期為負數，那麼此cookie將被刪除；如果不設定或設定為null，那麼此cookie將被當作Session Cookie處理，並且在瀏覽器關閉後刪除
path:  (String) ： Cookie的路徑屬性，預設為建立該cookie的頁面路徑
domain: (String)  ： Cookie的網域屬性，預設是建立該cookie的頁面網域名稱
secure: (Boolean)  ：如果設為true，那麼此cookie的傳輸會要求安全協議，例如HTTPS。

以上就是小編整理的幾篇文章綜合得到的關於Cookie插件的使用方法，希望可以幫到大家。