jQuery Cookieの操作方法例tutorial_jquery

この記事の例では、jQuery が Cookie を操作する方法について説明します。皆さんの参考に共有してください。具体的な方法は以下の通りです。

まず jq.cookie の aip を見てみましょう

クッキーを書く

コードをコピー コードは次のとおりです。

$.cookie("this-cookie","this -value" ,{
Expires:10,//有効期限
パス:"/",//Cookie パス
Domainin: //クッキーのドメイン名
secure:true //true、Cookieの送信には安全なプロトコルが必要ですが、それ以外の場合はその逆です
});

クッキーを読む

コードをコピー コードは次のとおりです:

$.cookie("this-cookie")

Cookie を削除

コードをコピー コードは次のとおりです:

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

これで、クッキーが完成します。デモの例を見てみましょう。

コードをコピー コードは次のとおりです:

$(function(){
$("ul li").click(function(){
$("#" this.id).addClass("cur").siblings().removeClass("cur") //選択したスタイルを切り替えます
$("#colortable").attr("href",this.id ".css");//
を切り替えるたびに、対応するスタイルシートを置き換えます $.cookie("cookie",//クッキーを書き込みます
This.id,//Cookieの書き込みが必要なビジネス
{
"path":"/", //Cookie
のデフォルト属性 "expires":10 //有効日数
})
});
var cookie=$.cookie("cookie") //クッキーを読み取ります
If(クッキー){
$("#" cookie).addClass("cur").siblings().removeClass("cur");
$("#colortable").attr("href",cookie ".css");
$.cookie("クッキー",クッキー,{
"パス":"/",
"有効期限":10
})
}
})

html ページ:

コードをコピー コードは次のとおりです。

red

黒

簡単な肌のリサーフェシング効果が得られます

Google Chrome で開く場合は、サーバー側で行うことを忘れないでください。 。

上記のデモについて注意すべき点は次のとおりです:

クリックされたボックス。クラスまたは ID は、対応するスタイル シート名と同じです。

これでプルは完了です。

コンパイルされたコードは次のとおりです:

コードをコピー コードは次のとおりです:

$(function(){
$("ul li").click(function(){
Mycookie(this.id)
});
var cookie=$.cookie("cookie") //クッキーを読み取ります
If(クッキー){
Mycookie(クッキー);
}
})
関数 Mycookie(thiscookie){
$("#" thiscookie).addClass("cur").siblings().removeClass("cur");
$("#colortable").attr("href",thiscookie ".css");
$.cookie("cookie",thiscookie,{
"パス":"/",
「有効期限」:10
})
}

jQuery Cookie 操作に関連するさらなるコンテンツに興味のある読者は、このサイトの特別トピック「jQuery の Cookie 操作スキルの概要」

をチェックしてください。

この記事が皆さんの jQuery プログラミングに役立つことを願っています。