使用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');
這里沒有指明 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)頁才能讀取該 cookie。如果想讓一個(gè)頁面讀取另一個(gè)頁面設(shè)置的cookie,必須設(shè)置cookie的路徑。cookie的路徑用于設(shè)置能夠讀取 cookie的頂級(jí)目錄。將這個(gè)路徑設(shè)置為網(wǎng)站的根目錄,可以讓所有網(wǎng)頁都能互相讀取 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的過期日期;
- path:(String)創(chuàng)建該Cookie的頁面路徑;
- domain:(String)創(chuàng)建該Cookie的頁面域名;
- secure:(Booblean)如果設(shè)為true,那么此Cookie的傳輸會(huì)要求一個(gè)安全協(xié)議,例如:HTTPS;
二、讀取cookie
$.cookie('the_cookie');
三、刪除cookie
建議在設(shè)置cookie和刪除cookie的時(shí)候,配置路徑和域名。
$.cookie('the_cookie', null); //通過傳遞null作為cookie的值即可 $.cookie('name',null,{ path: '/'});
到此這篇關(guān)于Jquery操作Cookie的文章就介紹到這了。希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery(非HTML5)可編輯表格實(shí)現(xiàn)代碼
單擊單元格選中,選中過程中使用方向鍵更換選中的單元格,選中過程中按回車鍵或者直接雙擊單元格進(jìn)入可編輯狀態(tài),單元格失去焦點(diǎn)時(shí)保存修改的內(nèi)容2012-12-12jQuery實(shí)現(xiàn)的form轉(zhuǎn)json經(jīng)典示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的form轉(zhuǎn)json功能,結(jié)合完整實(shí)例形式分析了jQuery將form表單數(shù)據(jù)封裝成json傳輸?shù)木唧w步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-10-10一個(gè)jquery實(shí)現(xiàn)的不錯(cuò)的多行文字圖片滾動(dòng)效果
本節(jié)與大家分享的多行文字圖片滾動(dòng)效果,基于jquery實(shí)現(xiàn),比較實(shí)用,有喜歡的朋友可以收藏下2014-09-09jQuery lazyload 的重復(fù)加載錯(cuò)誤以及修復(fù)方法
jQuery lazyload是一款延遲加載圖片的的插件,原意是按需加載,當(dāng)圖片出現(xiàn)在可視區(qū)域時(shí)進(jìn)行加載,但是官方的插件經(jīng)過firebug的檢測(cè)可知,并不能節(jié)省流量開支,反而有重復(fù)加載的現(xiàn)象。2010-11-11簡(jiǎn)單談?wù)刯Query(function(){})與(function(){})(jQuery)
這篇文章主要簡(jiǎn)單介紹了jQuery(function(){})與(function(){})(jQuery)的區(qū)別,需要的朋友可以參考下2014-12-12在頁面上用action傳遞參數(shù)到后臺(tái)出現(xiàn)亂碼的解決方法
本篇文章主要是對(duì)在頁面上用action傳遞參數(shù)到后臺(tái)出現(xiàn)亂碼的解決方法進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-12-12jQuery 添加樣式屬性的優(yōu)先級(jí)別方法(推薦)
下面小編就為大家?guī)硪黄猨Query 添加樣式屬性的優(yōu)先級(jí)別方法(推薦)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06一個(gè)有意思的鼠標(biāo)點(diǎn)擊文字特效jquery代碼
這篇文章主要介紹了一個(gè)有意思的鼠標(biāo)點(diǎn)擊文字特效jquery代碼,需要的朋友可以參考下2017-09-09jquery ajax異步提交表單數(shù)據(jù)的方法
這篇文章主要為大家詳細(xì)介紹了jquery ajax異步提交表單數(shù)據(jù)的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10