cookieを簡単に取り扱う「jQuery Cookie」

Check このエントリーをはてなブックマークに追加

cookie を簡単に取り扱う「jQuery Cookie」

配布元:carhartl/jquery-cookie
ライセンス:MITライセンス

「jQuery Cookie」はJavaScriptで取り扱いがめんどくさいcookieについて簡単に取り扱えるようにするためのjQueryプラグインです。

利用方法

まずは、jQuery本体と配布元よりダウンロードしたjquery.cookie.jsをhead要素などで読み込みます。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>

cookieに値を保存するには、次のように$.cookieに対してキーと保存する値を指定して保存します。

$.cookie("キー",保存する値);

cookieより値を取り出すには保存時に設定したキーを元に取り出します。

$.cookie("キー");

例えば次のようなスクリプトで、cookieの値の保存や取出しが可能です。

$(function(){
	if($.cookie("sample")){
		$("h1").text("cookieの中身は"+$.cookie("sample")+"です。")
	}
	$("#button").click(function(){
		$.cookie("sample",$("#text").val());
		location.href="index.html"
	})
})

サンプル

スポンサードリンク

コメント

カテゴリー:jQuery ライブラリ 拡張 開発支援