當前位置:才華齋>設計>網頁設計>

jQuery程式設計與操作過程

網頁設計 閱讀(8.92K)

先來看看ie的aip

jQuery程式設計與操作過程

寫入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

})

}