本文執行個體講述了jQuery操作cookie的方法。分享給大家供大家參考。具體方法如下：
先來看看jq.cookie的aip
寫入cookie
複製代碼 代碼如下:
$.cookie("this-cookie","this-value",{
expires:10,//有效日期
path:"/",//cookie的路 徑
domanin: //cookie的網域名稱
secure:true //true,cookie的傳輸會要求一個安全性通訊協定,否則反之
});
讀取cookie
複製代碼 代碼如下:
$.cookie("this-cookie")
刪除cookie
複製代碼 代碼如下:
$.cookie("this-cookie",null)
是不是很簡單呢，這樣子就可以完成cookie 下面看一個demo例子
複製代碼 代碼如下:
$(function(){
$("ul li").click(function(){
$("#"+this.id).addClass("cur").siblings().removeClass("cur"); //切換選中後的樣式
$("#colortable").attr("href",this.id+".css");//每次切換更換相對應的樣式表
$.cookie("cookie",//寫入cookie
this.id,//需要cookie寫入的業務
{
"path":"/", //cookie的預設屬性
"expires":10 //有效天數
})
});
var cookie=$.cookie("cookie"); //讀取cookie
if(cookie){
$("#"+cookie).addClass("cur").siblings().removeClass("cur");
$("#colortable").attr("href",cookie+".css");
$.cookie("cookie",cookie,{
"path":"/",
"expires":10
})
}
})
html頁面:
複製代碼 代碼如下:
<li id="colour_1">紅色</li>
<li id="colour_2">黑色</li>
一個簡單的換膚效果就出來了
如果用Google瀏覽器開啟 記得要在伺服器端哦。。
上面這個demo要注意的地方有：
被點擊的盒子。class或者id等 跟對應的樣式表名字一樣。
這樣就完成拉。
整理後的代碼如下：
複製代碼 代碼如下:
$(function(){
$("ul li").click(function(){
Mycookie(this.id)
});
var cookie=$.cookie("cookie"); //讀取cookie
if(cookie){
Mycookie(cookie);
}
})
function Mycookie(thiscookie){
$("#"+thiscookie).addClass("cur").siblings().removeClass("cur");
$("#colortable").attr("href",thiscookie+".css");
$.cookie("cookie",thiscookie,{
"path":"/",
"expires":10
})
}
更多關於jquery cookie操作相關內容感興趣的讀者可查看本站專題：《jQuery的cookie操作技巧總結》
希望本文所述對大家的jQuery程式設計有所協助。
