勉強したことのメモ

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にて何らかの処理中にブラウザをロックする「Block UI」プラグインの利用方法
jQueryにて何らかの処理中にブラウザをロックする「Block UI」プラグインの利用方法

jQueryにて何らかの処理中、ユーザーによるクリックや入力等の動作を防ぎたかっ ...

画像をドラッグ&ドロップでアップロード
画像をドラッグ&ドロップでアップロード

■2015/04/15追記 以下記事の方が新しくて詳しい。 http://tai ...

スマホ対応のjQueryのカラーピッカープラグイン「excolor」の利用方法
スマホ対応のjQueryのカラーピッカープラグイン「excolor」の利用方法

以前の記事でカラーピッカープラグインのことを書いたけどスマホでは使えない。なので ...

jQueryで配列の値を検索
jQueryで配列の値を検索

やりたかった事は、配列の中に特定の値があるか どうか検索し、その後の分岐を行いた ...

「slick」でスライダー中央の下部にのみ指定したコンテンツを表示する方法
「slick」でスライダー中央の下部にのみ指定したコンテンツを表示する方法

「slick」でスライダー画像の下部に何らかのコンテンツ(テキスト・リンク・別画 ...