使用jQuery操作Cookies的實現(xiàn)代碼

更新時間：2011年10月09日 00:05:36 作者：

Cookies是一種能夠讓網(wǎng)站服務(wù)器把少量數(shù)據(jù)儲存到客戶端的硬盤或內(nèi)存，或是從客戶端的硬盤讀取數(shù)據(jù)的一種技術(shù)

當(dāng)你瀏覽某網(wǎng)站時，你硬盤上會生產(chǎn)一個非常小的文本文件，它可以記錄你的用戶ID、密碼、瀏覽過的網(wǎng)頁、停留的時間等信息。

當(dāng)你再次來到該網(wǎng)站時，網(wǎng)站通過讀取Cookies，得知你的相關(guān)信息，就可以做出相應(yīng)的動作，如在頁面顯示歡迎你的標語，或者讓你不用輸入ID、密碼就直接登錄等等。從本質(zhì)上講，它可以看作是你的身份證。

使用傳統(tǒng)的Javascript來設(shè)置和獲取Cookies信息很麻煩，要寫上幾個函數(shù)來處理，幸運的是jQuery幫我們做了很多事，借助jQuery插件，我們可以輕松的創(chuàng)建、獲取和刪除Cookies。點擊這里下載cookies插件：http://plugins.jquery.com/project/Cookie

創(chuàng)建Cookie

使用jQuery設(shè)置cookie非常簡單。如，我們創(chuàng)建一個名為“example”，值為“foo”的cookie：

復(fù)制代碼代碼如下:

$.cookie("example", "foo");

要設(shè)置cookie的有效期，可以設(shè)置expires值，如設(shè)置cookie的過期時間為10天：

復(fù)制代碼代碼如下:

$.cookie("example", "foo",{expires:10}); 

設(shè)置cookie一小時后過期：

復(fù)制代碼代碼如下:

 
var cookietime = new Date(); 
cookietime.setTime(date.getTime() + (60 * 60 * 1000));//coockie保存一小時 
$.cookie("example", "foo",{expires:cookietime}); 

要設(shè)置cookie的保存路徑，可以設(shè)置path值，如設(shè)置路徑為根目錄：

復(fù)制代碼代碼如下:

$.cookie("example", "foo",{path:"/"});

如果要設(shè)置路徑為/admin，則：

復(fù)制代碼代碼如下:

$.cookie("example", "foo",{path:"/admin"});

獲取cookie值
使用jQuery獲取cookie的值的方法那是相當(dāng)?shù)暮唵危旅媸菑棾隹蝻@示名為“example”的cookie的值：

復(fù)制代碼代碼如下:

alert($.cookie("example"));

刪除Cookie
使用jQuery刪除cookie，只需要將cookie的值為null，注意如果設(shè)置值為空的字符串時，并不能刪除cookie，只是將cookie值清空而已。

復(fù)制代碼代碼如下:

$.cookie("example",null);