Exemple de méthode d'opération de cookie jQuery tutoriel_jquery

L'exemple de cet article décrit comment jQuery gère les cookies. Partagez-le avec tout le monde pour votre référence. La méthode spécifique est la suivante :

Jetons d'abord un coup d'œil à l'aip de jq.cookie

Écrire un cookie

Copier le code Le code est le suivant :

$.cookie("this-cookie","this -valeur",{
expire : 10, // Date d'expiration
Chemin :"/",//Chemin du cookie
Domanin : //Nom de domaine du cookie
secure:true //true, la transmission des cookies nécessitera un protocole sécurisé, sinon vice versa
});

Lire le cookie

Copier le code Le code est le suivant :

$.cookie("this-cookie")

Supprimer les cookies

Copier le code Le code est le suivant :

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

N'est-ce pas très simple ? De cette façon, vous pouvez compléter le cookie Voyons un exemple de démonstration

Copier le code Le code est le suivant :

$(function(){
$("ul li").click(function(){
$("#" this.id).addClass("cur").siblings().removeClass("cur"); //Changer le style sélectionné
$("#colortable").attr("href",this.id ".css");//Remplacez la feuille de style correspondante à chaque fois que vous changez
$.cookie("cookie",//Écrire un cookie
This.id, // Entreprise nécessitant l'écriture de cookies
{
"path": "/", //Attributs par défaut du cookie
"expires":10 //Jours valides
})
});
var cookie=$.cookie("cookie"); //Lire le cookie
Si(cookie){
$("#" cookie).addClass("cur").siblings().removeClass("cur");
$("#colortable").attr("href",cookie ".css");
$.cookie("cookie",cookie,{
"chemin": "/",
"expire":10
})
>
})

page html :

Copier le code Le code est le suivant :

red

noir

Un simple effet resurfaçant la peau est obtenu

Si vous l'ouvrez avec Google Chrome, pensez à le faire côté serveur. .

Les points à noter à propos de la démo ci-dessus sont :

La case cliquée. La classe ou l'identifiant est le même que le nom de la feuille de style correspondante.

Ceci termine le tirage.

Le code compilé est le suivant :

Copier le code Le code est le suivant :

$(function(){
$("ul li").click(function(){
Mon cookie (this.id)
});
var cookie=$.cookie("cookie"); //Lire le cookie
Si(cookie){
Mon cookie(cookie);
>
})
fonction Mycookie(cecookie){
$("#" thiscookie).addClass("cur").siblings().removeClass("cur");
$("#colortable").attr("href",thiscookie ".css");
$.cookie("cookie",cecookie,{
"chemin": "/",
"expire":10
})
>

Les lecteurs intéressés par plus de contenu lié au fonctionnement des cookies jquery peuvent consulter le sujet spécial de ce site : "Résumé des compétences en matière de fonctionnement des cookies jQuery"

J'espère que cet article sera utile à la programmation jQuery de chacun.