使用Jquery操作Cookies
Cookies亦稱Cookie,Cookies是一種能夠讓網(wǎng)站服務(wù)器把少量數(shù)據(jù)儲(chǔ)存到客戶端的硬盤或內(nèi)存,或是從客戶端的硬盤讀取數(shù)據(jù)的一種技術(shù)。
下載與引入: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>
一、創(chuàng)建Cookies
1.創(chuàng)建或設(shè)置cookie值：
$.cookie('the_cookie', 'the_value');這里沒(méi)有指明 cookie有效時(shí)間，所創(chuàng)建的cookie有效期默認(rèn)到用戶關(guān)閉瀏覽器為止，所以被稱為 “會(huì)話cookie（session cookie）”。
2.創(chuàng)建一個(gè)cookie并設(shè)置有效時(shí)間為 7天
$.cookie('the_cookie', 'the_value', { expires: 7 });這里指明了cookie有效時(shí)間，所創(chuàng)建的cookie被稱為“持久 cookie （persistent cookie）”。注意單位是：天；
3.創(chuàng)建一個(gè)cookie并設(shè)置 cookie的有效路徑
$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });在默認(rèn)情況下，只有設(shè)置 cookie的網(wǎng)頁(yè)才能讀取該 cookie。如果想讓一個(gè)頁(yè)面讀取另一個(gè)頁(yè)面設(shè)置的cookie，必須設(shè)置cookie的路徑。cookie的路徑用于設(shè)置能夠讀取 cookie的頂級(jí)目錄。將這個(gè)路徑設(shè)置為網(wǎng)站的根目錄，可以讓所有網(wǎng)頁(yè)都能互相讀取 cookie （一般不要這樣設(shè)置，防止出現(xiàn)沖突）。
4.可選參數(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；
二、讀取cookie
$.cookie('the_cookie');三、刪除cookie
建議在設(shè)置cookie和刪除cookie的時(shí)候，配置路徑和域名。
$.cookie('the_cookie', null); //通過(guò)傳遞null作為cookie的值即可
$.cookie('name',null,{ path: '/'}); 到此這篇關(guān)于Jquery操作Cookie的文章就介紹到這了。希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
使用jquery與圖片美化checkbox和radio控件的代碼(打包下載)
用jquery實(shí)現(xiàn)的對(duì)checkbox和radio控件的美化，非常不錯(cuò)，大家可以通過(guò)修改圖片來(lái)實(shí)現(xiàn)更漂亮的效果。2010-11-11
IE還真是讓設(shè)計(jì)師恨的牙癢癢的東西，且現(xiàn)在已經(jīng)有IE6、IE7、IE8、IE9、IE10這個(gè)五種不同版本的瀏覽器，且都有一點(diǎn)小差異。但是沒(méi)辦法，為了讓網(wǎng)頁(yè)在每個(gè)瀏覽器中顯示都一樣還必須遷就它2014-06-06
當(dāng)jQuery遭遇CoffeeScript的時(shí)候 使用分享
雖然對(duì)ruby不太了解，但是看到CoffeeScript詩(shī)一般的代碼確實(shí)被怔住了，和jQuery之前給我的感覺(jué)是如此的相似——都是一個(gè)字，美，當(dāng)jQuery遭遇到CoffeeScript時(shí)，會(huì)蹦出什么樣的火花呢？2011-09-09
在高版本的jquery引入prop方法后，什么時(shí)候該用prop？什么時(shí)候用attr？它們兩個(gè)之間有什么區(qū)別？這些問(wèn)題就出現(xiàn)了。下面這篇文章主要給大家介紹了Jquery中attr與prop區(qū)別的相關(guān)資料，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-05-05
本篇文章給大家總結(jié)了關(guān)于jQuery代碼優(yōu)化方法，如果你這方面有需求，跟著小編一起學(xué)習(xí)下吧。2018-01-01
Jquery中國(guó)地圖熱點(diǎn)效果-鼠標(biāo)經(jīng)過(guò)彈出提示層信息的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)Jquery中國(guó)地圖熱點(diǎn)效果-鼠標(biāo)經(jīng)過(guò)彈出提示層信息的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)拖拽小方塊效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
jQuery實(shí)現(xiàn)html可聯(lián)動(dòng)的百分比進(jìn)度條
這篇文章主要介紹了jQuery實(shí)現(xiàn)html可聯(lián)動(dòng)的百分比進(jìn)度條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
jQuery Validate表單驗(yàn)證插件的基本使用方法及功能拓展
這篇文章主要介紹了jQuery Validate表單驗(yàn)證插件的基本使用方法及功能拓展的相關(guān)資料,本文給大家介紹的非常詳細(xì)，需要的朋友可以參考下2017-01-01
jquery增加時(shí)編輯jqGrid(實(shí)例代碼)
jquery增加時(shí)編輯jqGrid(實(shí)例代碼)。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11