jQuery操作cookie方法實例教學_jquery

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

先來看看jq.cookie的aip

寫入cookie

複製程式碼 程式碼如下:

$.cookie("this-cookie","this-value" ,{
    expires:10,//有效日期
    path:"/",//cookie的路 徑
    domanin:    //cookie的網域名稱
    secure:true //true,cookie的傳輸會要求安全協定,否則反之
});

讀取cookie

複製程式碼 程式碼如下:

$.cookie("this-cookie")

>
刪除cookie

複製程式碼

程式碼如下:

$.cookie("this-cookie",null)

$.cookie("this-cookie",null)

是不是很簡單呢，這樣子就可以完成cookie 下面看一個demo範例 複製程式碼

程式碼如下:

$(function(){
    $("ul li").click(function(){
 $("#" this.id).addClass("cur").siblings().removeClass("cur"); //切換選取後的樣式
 $("#colortable").attr("href",this.id ".css");//每次切換更換相對應的樣式表
 $.cookie("cookie",//寫入cookie
  this.id,//需要cookie寫入的業務
  {
  "path":"/", //cookie的預設屬性
  "expires":10 //有效天數
 })
    });
    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頁: 複製程式碼

程式碼如下:

紅

黑色

一個簡單的換膚效果就出來了

如果用谷歌瀏覽器開啟 記得要在伺服器端哦。 。

上面這個demo要注意的地方有：

被點擊的盒子。 class或id等 跟對應的樣式表名字一樣。

這樣就完成拉。

整理後的程式碼如下： 複製程式碼

程式碼如下:

$(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 cookie操作相關內容有興趣的讀者可查看本站專題：《

jQuery的cookie操作技巧總結

》 希望本文所述對大家的jQuery程式設計有所幫助。