jQuery程序設(shè)計(jì)與操作過(guò)程
先來(lái)看看jq.cookie的aip
寫(xiě)入cookie
復(fù)制代碼 代碼如下:$.ce("this-cookie","this-value",{
expires:10,//有效日期
path:"/",//cookie的路 徑
domanin: //cookie的.域名
secure:true //true,cookie的傳輸會(huì)要求一個(gè)安全協(xié)議,否則反之
});
讀取cookie
復(fù)制代碼 代碼如下:$.cookie("this-cookie")
刪除cookie
復(fù)制代碼 代碼如下:$.cookie("this-cookie",null)
是不是很簡(jiǎn)單呢，這樣子就可以完成cookie 下面看一個(gè)demo例子
復(fù)制代碼 代碼如下:$(function(){
$("ul li").click(function(){
$("#"+this.id).addClass("cur").siblings().removeClass("cur"); //切換選中后的樣式
$("#colortable").attr("href",this.id+".css");//每次切換更換相對(duì)應(yīng)的樣式表
$.cookie("cookie",//寫(xiě)入cookie
this.id,//需要cookie寫(xiě)入的業(yè)務(wù)
{
"path":"/", //cookie的默認(rèn)屬性
"expires":10 //有效天數(shù)
})
});
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頁(yè)面:
復(fù)制代碼 代碼如下:
紅色
黑色
一個(gè)簡(jiǎn)單的換膚效果就出來(lái)了
如果用谷歌瀏覽器打開(kāi) 記得要在服務(wù)器端哦。。
上面這個(gè)demo要注意的地方有：
被點(diǎn)擊的盒子。class或者id等 跟對(duì)應(yīng)的樣式表名字一樣。
這樣就完成拉。
整理后的代碼如下：
復(fù)制代碼 代碼如下:$(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程序設(shè)計(jì)與操作過(guò)程】相關(guān)文章：
2.jQuery中delegate與on的用法與區(qū)別
5.關(guān)于jQuery學(xué)習(xí)筆記之jQuery的動(dòng)畫(huà)
6.關(guān)于jQuery學(xué)習(xí)筆記之jQuery的分析