使用Jquery操作Cookies
Cookies亦稱Cookie,Cookies是一種能夠讓網(wǎng)站服務(wù)器把少量數(shù)據(jù)儲存到客戶端的硬盤或內(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有效時間,所創(chuàng)建的cookie有效期默認(rèn)到用戶關(guān)閉瀏覽器為止,所以被稱為 “會話cookie(session cookie)”。
2.創(chuàng)建一個cookie并設(shè)置有效時間為 7天
$.cookie('the_cookie', 'the_value', { expires: 7 });這里指明了cookie有效時間,所創(chuàng)建的cookie被稱為“持久 cookie (persistent cookie)”。注意單位是:天;
3.創(chuàng)建一個cookie并設(shè)置 cookie的有效路徑
$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });在默認(rèn)情況下,只有設(shè)置 cookie的網(wǎng)頁才能讀取該 cookie。如果想讓一個頁面讀取另一個頁面設(shè)置的cookie,必須設(shè)置cookie的路徑。cookie的路徑用于設(shè)置能夠讀取 cookie的頂級目錄。將這個路徑設(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è)置一個整數(shù)時,單位是天;也可以設(shè)置一個日期對象作為Cookie的過期日期;
- path:(String)創(chuàng)建該Cookie的頁面路徑;
- domain:(String)創(chuàng)建該Cookie的頁面域名;
- secure:(Booblean)如果設(shè)為true,那么此Cookie的傳輸會要求一個安全協(xié)議,例如:HTTPS;
二、讀取cookie
$.cookie('the_cookie');三、刪除cookie
建議在設(shè)置cookie和刪除cookie的時候,配置路徑和域名。
$.cookie('the_cookie', null); //通過傳遞null作為cookie的值即可
$.cookie('name',null,{ path: '/'}); 到此這篇關(guān)于Jquery操作Cookie的文章就介紹到這了。希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery實現(xiàn)的form轉(zhuǎn)json經(jīng)典示例
這篇文章主要介紹了jQuery實現(xiàn)的form轉(zhuǎn)json功能,結(jié)合完整實例形式分析了jQuery將form表單數(shù)據(jù)封裝成json傳輸?shù)木唧w步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
一個jquery實現(xiàn)的不錯的多行文字圖片滾動效果
本節(jié)與大家分享的多行文字圖片滾動效果,基于jquery實現(xiàn),比較實用,有喜歡的朋友可以收藏下2014-09-09
jQuery lazyload 的重復(fù)加載錯誤以及修復(fù)方法
jQuery lazyload是一款延遲加載圖片的的插件,原意是按需加載,當(dāng)圖片出現(xiàn)在可視區(qū)域時進(jìn)行加載,但是官方的插件經(jīng)過firebug的檢測可知,并不能節(jié)省流量開支,反而有重復(fù)加載的現(xiàn)象。2010-11-11
簡單談?wù)刯Query(function(){})與(function(){})(jQuery)
這篇文章主要簡單介紹了jQuery(function(){})與(function(){})(jQuery)的區(qū)別,需要的朋友可以參考下2014-12-12
在頁面上用action傳遞參數(shù)到后臺出現(xiàn)亂碼的解決方法
本篇文章主要是對在頁面上用action傳遞參數(shù)到后臺出現(xiàn)亂碼的解決方法進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12
jquery ajax異步提交表單數(shù)據(jù)的方法
這篇文章主要為大家詳細(xì)介紹了jquery ajax異步提交表單數(shù)據(jù)的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-10-10

