jQuery操作cookie方法實(shí)例教程

更新時(shí)間：2014年11月25日 16:15:24 投稿：shichen2014

這篇文章主要介紹了jQuery操作cookie方法,包括了對cookie的讀取、寫入、刪除等常用的操作,并給出了實(shí)例總結(jié),需要的朋友可以參考下

本文實(shí)例講述了jQuery操作cookie的方法。分享給大家供大家參考。具體方法如下：

先來看看jq.cookie的aip

寫入cookie

$.cookie("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ù)制代碼代碼如下:

<li id="colour_1">紅色</li>

<li id="colour_2">黑色</li>

一個(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

    })

}