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

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

WBOY

Libérer： 2016-05-16 16:30:30

original

1599 Les gens l'ont consulté

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.