jQuery程序設(shè)計(jì)與操作過程

　　先來看看jq.cookie的aip

　　寫入cookie

　　復(fù)制代碼 代碼如下:$.ce("this-cookie","this-value",{

　　expires:10,//有效日期

　　path:"/",//cookie的路 徑

　　domanin: //cookie的域名

　　secure:true //true,cookie的傳輸會要求一個(gè)安全協(xié)議,否則反之

　　});

　　讀取cookie

　　復(fù)制代碼 代碼如下:$.cookie("this-cookie")

　　刪除cookie

　　復(fù)制代碼 代碼如下:$.cookie("this-cookie",null)

　　是不是很簡單呢，這樣子就可以完成cookie 下面看一個(gè)demo例子

　　復(fù)制代碼 代碼如下:$(function(){

　　$("ul li").click(function(){

　　$("#"+this.id).addClass("cur").siblings().removeClass("cur"); //切換選中后的樣式

　　$("#colortable").attr("href",this.id+".css");//每次切換更換相對應(yīng)的樣式表

　　$.cookie("cookie",//寫入cookie

　　this.id,//需要cookie寫入的業(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頁面:

　　復(fù)制代碼 代碼如下:

　　紅色

　　黑色

　　一個(gè)簡單的換膚效果就出來了

　　如果用谷歌瀏覽器打開 記得要在服務(wù)器端哦。。

　　上面這個(gè)demo要注意的地方有：

　　被點(diǎn)擊的盒子。class或者id等 跟對應(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ān)文章：

jQuery程序設(shè)計(jì)08-05

jquery提交按鈕的代碼07-28

淺析jQuery 遍歷函數(shù)javascript08-06

jQuery中prev()方法用法07-16

jQuery中replaceAll()方法用法10-15

如何理解jquery事件冒泡09-15

jQuery的DOM操作筆記07-29

jQuery 源碼分析和Ready函數(shù)06-28

jQuery中parent()和siblings()的問題10-16

讓你我減少對jQuery的依賴度07-21