勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

jQueryにてCookieを取り扱う「jquery-cookie」プラグインの利用方法

   2024/05/22  jQuery

jQueryでcookieを簡単に取り扱える「jquery-cookie」プラグインに関して使用方法等のメモ。

 

jquery-cookie

GitHub

https://github.com/carhartl/jquery-cookie

CDN

https://www.jsdelivr.com/package/npm/jquery.cookie

 

使用方法

//保存
$.cookie('ここにキー', 'ここに値', {expires: 日数});

//取得
const cookie_val = $.cookie('ここにキー');
if($.cookie('ここにキー') == 1) {
    //処理内容
}

//削除
$.removeCookie('ここにキー');

 

「$.cookie is not a function」エラーが出る場合

jquery-cookieは開発が終了しており、そちらが原因かもしれない(jQueryのバージョンが新しいとダメなのかも)。そのため以下記事を参考の上、js-cookieに乗り換えると良い。

jquery.cookie.jsで「$.cookie is not a function」エラー

 

参考サイト

http://www.tam-tam.co.jp/tipsnote/javascript/post3109.html

 - jQuery

  関連記事

日本地図のクリッカブルマップをjQueryで実装する方法(japan-map)

JavaScriptもしくはjQueryで日本地図を表示し、都道府県や八地方区分 ...

オリジナルのjQueryプラグインを作成する方法

オリジナルのjQueryプラグインを作ってみたかった。というのも大抵のものはググ ...

「jQuery.browser is undefined」エラーの対応方法

jQueryのプラグインを使っていて1.9以降だと「jQuery.browser ...

サムネイルをクリックすると拡大画像を表示できる「Lightbox」の利用方法

画像をサムネイル表示してクリックしたら大きく表示する というのがLightbox ...

Lightboxで画像拡大時に文字タイトルとリンクをつける

lightboxで画像をクリックして拡大した際に、文字タイトルとその文字にリンク ...