網(wǎng)站的一些設置數(shù)據(jù)，比如網(wǎng)站的換膚功能，關(guān)閉廣告功能等，都需要把網(wǎng)站的設置數(shù)據(jù)放到用戶電腦的內(nèi)存或硬盤中，那這個數(shù)據(jù)我們統(tǒng)稱為cookie.如果在web前端我們不依靠后臺來給用戶寫入cookie，那么只有通過js來寫入了。純生的javascript(js)代碼來寫入cookie是很不方便的，我們可以借助一個jquery的cookie插件jquery.cookie.js來寫入數(shù)據(jù)。

引入jquery.cookie.js與jquery插件

在網(wǎng)頁頭部加入以下代碼，引入文件，注意順序

jquery.cookie要依賴于jquery插件，我們要同時引入兩個文件，jquery要首頁引入

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

JQ 設置添加一個cookie

語法：

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

例：

$.cookie('mochu', 'true');

說明：

1、創(chuàng)建一個cookie名為：'mochu',值為'true';

2、這里沒有設置過期時間，意味著用戶關(guān)閉瀏覽器后，這個cookie就過期了。

JQ 設置添加一個指定過期時間的cookie

語法：

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

例：

$.cookie('mochu', 'true', { expires: 7 });

說明：{ expires: 7 }為過期時間，單元為天，這里表示7天以后過期

JQ 讀取一個cookie

$.cookie('the_cookie');

JQ刪除一個cookie

$.cookie('the_cookie', null);

說明：刪除的時候，將其值設置為空即可

其它參數(shù)

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

expires：（Number|Date）有效期；設置一個整數(shù)時，單位是天；也可以設置一個日期對象作為Cookie的過期日期；

path：（String）創(chuàng)建該Cookie的頁面路徑；

domain：（String）創(chuàng)建該Cookie的頁面域名；

secure：（Booblean）如果設為true，那么此Cookie的傳輸會要求一個安全協(xié)議，例如：HTTPS；