contoh kaedah pengendalian kuki jQuery tutorial_jquery

Contoh dalam artikel ini menerangkan cara jQuery mengendalikan kuki. Kongsikan dengan semua orang untuk rujukan anda. Kaedah khusus adalah seperti berikut:

Mari kita lihat jq.cookie's aip dahulu

Tulis kuki

Salin kod Kod adalah seperti berikut:

$.cookie("this-cookie","this -nilai" ,{
tamat tempoh:10,//Tarikh tamat tempoh
Laluan:"/",//Laluan kuki
Domainin: //Nama domain kuki
secure:true //true, penghantaran kuki memerlukan protokol selamat, sebaliknya sebaliknya
});

Baca kuki

Salin kod Kod adalah seperti berikut:

$.cookie("this-cookie")

Padam kuki

Salin kod Kod adalah seperti berikut:

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

Bukankah ia sangat mudah? Dengan cara ini, anda boleh melengkapkan kuki. Mari lihat contoh demo

Salin kod Kod adalah seperti berikut:

$(function(){
$("ul li").klik(function(){
$("#" this.id).addClass("cur").siblings().removeClass("cur"); //Tukar gaya yang dipilih
$("#colortable").attr("href",this.id ".css");//Ganti helaian gaya yang sepadan setiap kali anda menukar
$.cookie("cookie",//Tulis kuki
This.id,//Perniagaan yang memerlukan penulisan kuki
{
"path":"/", //Atribut lalai kuki
"tamat tempoh":10 //Hari sah
})
});
var cookie=$.cookie("cookie"); //Baca cookie
Jika(kuki){
$("#" cookie).addClass("cur").siblings().removeClass("cur");
$("#colortable").attr("href",cookie ".css");
$.cookie("cookie",cookie,{
"laluan":"/",
"tamat tempoh":10
})
}
})

halaman html:

Salin kod Kod adalah seperti berikut:

red

black

Kesan penurapan semula kulit yang mudah dicapai

Jika anda membukanya dengan Google Chrome, ingat untuk melakukannya di bahagian pelayan. .

Perkara yang perlu diambil perhatian tentang demo di atas ialah:

Kotak yang diklik. Kelas atau id adalah sama dengan nama helaian gaya yang sepadan.

Ini melengkapkan tarikan.

Kod yang disusun adalah seperti berikut:

Salin kod Kod adalah seperti berikut:

$(function(){
$("ul li").klik(function(){
Mycookie(this.id)
});
var cookie=$.cookie("cookie"); //Baca cookie
Jika(kuki){
Mycookie(cookie);
}
})
fungsi Mycookie(thiskookie){
$("#" thiscookie).addClass("cur").siblings().removeClass("cur");
$("#colortable").attr("href",thiskookie ".css");
$.cookie("kuki",kuki ini,{
"laluan":"/",
"tamat tempoh":10
})
}

Pembaca yang berminat dengan lebih banyak kandungan yang berkaitan dengan operasi kuki jquery boleh menyemak topik khas tapak ini: "Ringkasan kemahiran pengendalian kuki jQuery"

Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.