HTML、CSS、JavaScriptなどWebに悩む人のネタ帳です。

JavaScriptでクッキー情報を書き換えることがあったので、お手軽な方法を探していたら、「jquery.cookie.js」を見つけました。
Cookie | jQuery Plugins

※ダウンロードサイトがgithubに移動したようです(2012/11/30)
carhartl/jquery-cookie · GitHub

導入方法

導入方法はとても簡単です。
上記サイトから「jquery.cookie.js」をダウンロードして読み込みます。「jquery.cookie.js」はjQueryベースのプラグインなので、jQueryを先に組み込むだけです。

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

ちなみに今回、jQuery1.5.2、Cookie1.0の組み合わせでしたが、問題なく動作しました。

使用例

例えば、クッキーの変数名「test1」に値をセットする場合には以下のようにします。

$.cookie("test1", 100);

ブラウザをリロードした後に、実際にクッキーに保存されているか確認してみます。

alert($.cookie("test1"));

ダイアログに「100」と表示されたので、値は保持されているようです。
また、値をクリアする場合には以下のようにします。

$.cookie("test1", null);

同様にしてInternet Explorer 8、Firefox3.6、Google Chrome11で確認しましたが、どれも問題なしでした。

こんなにも簡単にクッキーが操作できるのはありがたいですね。

それにしても、最近はjQueryにお世話になりっぱなしだな。こんなはずじゃなかったのに。

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

Monthly Archives

Search