jQuery操作cookie方法實例教程
更新時間：2014年11月25日 16:15:24 投稿：shichen2014
這篇文章主要介紹了jQuery操作cookie方法,包括了對cookie的讀取、寫入、刪除等常用的操作,并給出了實例總結,需要的朋友可以參考下
本文實例講述了jQuery操作cookie的方法。分享給大家供大家參考。具體方法如下：
先來看看jq.cookie的aip
寫入cookie
復制代碼 代碼如下:
$.cookie("this-cookie","this-value",{
expires:10,//有效日期
path:"/",//cookie的路 徑
domanin: //cookie的域名
secure:true //true,cookie的傳輸會要求一個安全協(xié)議,否則反之
});
expires:10,//有效日期
path:"/",//cookie的路 徑
domanin: //cookie的域名
secure:true //true,cookie的傳輸會要求一個安全協(xié)議,否則反之
});
讀取cookie
復制代碼 代碼如下:
$.cookie("this-cookie")
刪除cookie
復制代碼 代碼如下:
$.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寫入的業(yè)務
{
"path":"/", //cookie的默認屬性
"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
})
}
})
$("ul li").click(function(){
$("#"+this.id).addClass("cur").siblings().removeClass("cur"); //切換選中后的樣式
$("#colortable").attr("href",this.id+".css");//每次切換更換相對應的樣式表
$.cookie("cookie",//寫入cookie
this.id,//需要cookie寫入的業(yè)務
{
"path":"/", //cookie的默認屬性
"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頁面:
復制代碼 代碼如下:
<li id="colour_1">紅色</li>
<li id="colour_2">黑色</li>
<li id="colour_2">黑色</li>
一個簡單的換膚效果就出來了
如果用谷歌瀏覽器打開 記得要在服務器端哦。。
上面這個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
})
}
$("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程序設計有所幫助。
相關文章
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)推拉門效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
jQuery中借助deferred來請求及判斷AJAX加載的實例講解
deferred對象的延遲功能對jQuery的ajax操作是一個很大的幫助,尤其是回調控制,下面我們就來看一下對jQuery中借助deferred來請求及判斷AJAX加載的實例講解2016-05-05
本人使用JavaScript 已經有2年左右的時間了,一直被它簡潔優(yōu)雅的代碼所吸引, 近期接觸了 JQuery這個庫 , 感覺還不錯, 但是并不意味著要舍棄 JavaScript , 而是更宣揚結合使用 .2009-02-02
這篇文章主要介紹了jquery如何判斷標簽是否顯示或隱藏，使用到了visible屬性，大家可以學習下2014-05-05
這篇文章主要介紹了jquery拖動層效果插件用法,結合實例形式分析了jquery-ui-1.7.2.custom.min.js插件的具體使用技巧,并附帶完整demo源碼供讀者下載參考,需要的朋友可以參考下2016-04-04
這是寫給web設計者和前端開發(fā)者的教程，我們將演示如何使用Photoshop創(chuàng)建按鈕的sprite圖，然后是如何使用jQurey打造動態(tài)漸變效果。2010-04-04
下面小編就為大家?guī)硪黄猨Query EasyUI 入門必看。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要介紹了jQuery 3.0中存在問題及解決辦法的相關資料,需要的朋友可以參考下2016-07-07
取得id為form1的form的所有輸入變量，然后使用for循環(huán)進行數(shù)組遍歷，具體實現(xiàn)如下，感興趣的朋友可以參考下2013-09-09
jquery $.ajax()取xml數(shù)據(jù)的小問題解決方法
今天想做一個用$.ajax()從xml中讀取數(shù)據(jù)的這么一個異步交互過程2010-11-11