ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery Cookieの操作方法例tutorial_jquery

jQuery Cookieの操作方法例tutorial_jquery

WBOY
リリース: 2016-05-16 16:30:30
オリジナル
1598 人が閲覧しました

この記事の例では、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 プログラミングに役立つことを願っています。

    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    最新の問題
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート