先來看看ie的aip
寫入cookie
複製程式碼 程式碼如下:$("this-cookie","this-value",{
expires:10,//有效日期
path:"/",//cookie的路 徑
domanin: //cookie的域名
secure:true //true,cookie的傳輸會要求一個安全協議,否則反之
});
讀取cookie
複製程式碼 程式碼如下:$ie("this-cookie")
刪除cookie
複製程式碼 程式碼如下:$ie("this-cookie",null)
是不是很簡單呢,這樣子就可以完成cookie 下面看一個demo例子
複製程式碼 程式碼如下:$(function(){
$("ul li")k(function(){
$("#"+)lass("cur")ings()veClass("cur"); //切換選中後的`樣式
$("#colortable")("href",+"");//每次切換更換相對應的樣式表
$ie("cookie",//寫入cookie
,//需要cookie寫入的業務
{
"path":"/", //cookie的預設屬性
"expires":10 //有效天數
})
});
var cookie=$ie("cookie"); //讀取cookie
if(cookie){
$("#"+cookie)lass("cur")ings()veClass("cur");
$("#colortable")("href",cookie+"");
$ie("cookie",cookie,{
"path":"/",
"expires":10
})
}
})
html頁面:
複製程式碼 程式碼如下:
紅色
黑色
一個簡單的換膚效果就出來了
如果用谷歌瀏覽器開啟 記得要在服務器端哦。。
上面這個demo要注意的地方有:
被點選的盒子。class或者id等 跟對應的樣式表名字一樣。
這樣就完成拉。
整理後的程式碼如下:
複製程式碼 程式碼如下:$(function(){
$("ul li")k(function(){
Mycookie()
});
var cookie=$ie("cookie"); //讀取cookie
if(cookie){
Mycookie(cookie);
}
})
function Mycookie(thiscookie){
$("#"+thiscookie)lass("cur")ings()veClass("cur");
$("#colortable")("href",thiscookie+"");
$ie("cookie",thiscookie,{
"path":"/",
"expires":10
})
}