Beispiel für eine jQuery-Cookie-Operationsmethode Tutorial_jquery

Das Beispiel in diesem Artikel beschreibt, wie jQuery Cookies verwaltet. Teilen Sie es als Referenz mit allen. Die spezifische Methode ist wie folgt:

Werfen wir zunächst einen Blick auf die AIP von jq.cookie

Cookie schreiben

Code kopieren Der Code lautet wie folgt:

$.cookie("this-cookie","this -Wert" ,{
läuft ab:10,//Ablaufdatum
Pfad:"/",//Cookie-Pfad
Domain: //Domainname des Cookies
secure:true //true, die Cookie-Übertragung erfordert ein sicheres Protokoll, andernfalls umgekehrt
});

Cookie lesen

Code kopieren Der Code lautet wie folgt:

$.cookie("this-cookie")

Cookies löschen

Code kopieren Der Code lautet wie folgt:

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

Ist es nicht ganz einfach? Auf diese Weise können Sie das Cookie vervollständigen.

Code kopieren Der Code lautet wie folgt:

$(function(){
$("ul li").click(function(){
$("#" this.id).addClass("cur").siblings().removeClass("cur"); //Ausgewählten Stil wechseln
$("#colortable").attr("href",this.id ".css");// Ersetzen Sie bei jedem Wechsel
das entsprechende Stylesheet $.cookie("cookie",//Cookie schreiben
This.id,//Unternehmen, das das Schreiben von Cookies erfordert
{
"path="/", //Standardattribute des Cookies
„expires“:10 //Gültige Tage
})
});
var cookie=$.cookie("cookie"); //Cookie lesen
If(cookie){
$("#" cookie).addClass("cur").siblings().removeClass("cur");
$("#colortable").attr("href",cookie ".css");
$.cookie("cookie",cookie,{
„path“:/,
„expires“:10
})
}
})

HTML-Seite:

Code kopieren Der Code lautet wie folgt:

red

schwarz

Es wird ein einfacher Hauterneuerungseffekt erzielt

Wenn Sie es mit Google Chrome öffnen, denken Sie daran, dies serverseitig zu tun. .

Zu der Demo oben sind Folgendes zu beachten:

Das angeklickte Kästchen. Die Klasse oder ID ist mit dem entsprechenden Stylesheet-Namen identisch.

Damit ist der Zug abgeschlossen.

Der kompilierte Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

$(function(){
$("ul li").click(function(){
Mycookie(this.id)
});
var cookie=$.cookie("cookie"); //Cookie lesen
If(cookie){
Mycookie(cookie);
}
})
Funktion Mycookie(thiscookie){
$("#" thiscookie).addClass("cur").siblings().removeClass("cur");
$("#colortable").attr("href",thiscookie ".css");
$.cookie("cookie",diesercookie,{
„path“:/,
„expires“:10
})
}

Leser, die an weiteren Inhalten zum Cookie-Betrieb von jQuery interessiert sind, können das spezielle Thema dieser Website lesen: „Zusammenfassung der Cookie-Betriebsfähigkeiten von jQuery“

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.