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

引入jquery.cookie.js與jquery插件

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

jquery.cookie要依賴于jquery插件，我們要同時(shí)引入兩個(gè)文件，jquery要首頁(yè)引入

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

JQ 設(shè)置添加一個(gè)cookie

語(yǔ)法：

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

例：

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

說(shuō)明：

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

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

JQ 設(shè)置添加一個(gè)指定過(guò)期時(shí)間的cookie

語(yǔ)法：

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

例：

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

說(shuō)明：{ expires: 7 }為過(guò)期時(shí)間，單元為天，這里表示7天以后過(guò)期

JQ 讀取一個(gè)cookie

$.cookie('the_cookie');

JQ刪除一個(gè)cookie

$.cookie('the_cookie', null);

說(shuō)明：刪除的時(shí)候，將其值設(shè)置為空即可

其它參數(shù)

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

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

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

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

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