勉強したことのメモ

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で取得し、本文として設定した上でメーラーを起動させる方法
フォームの入力内容をjQueryで取得し、本文として設定した上でメーラーを起動させる方法

formで何らかを入力してもらいボタンをクリックするとメーラーが開き、先ほど入力 ...

summernote(WYSIWYGエディタ)の設置方法と日本語化対応
summernote(WYSIWYGエディタ)の設置方法と日本語化対応

あるシステムにWYSIWYGエディタを実装したかった。以前にメモしたCKEdit ...

jQueryのdatetimepickerでスクロール入力を無効化させる方法
jQueryのdatetimepickerでスクロール入力を無効化させる方法

日時ピッカーのjQuery datetimepickerにて、ピッカーを指定して ...

日付の範囲指定用プラグイン「DateRangePicker」の利用方法
日付の範囲指定用プラグイン「DateRangePicker」の利用方法

日付型のデータを検索する際に開始・終了日のテキストボックスを用意し、それぞれにタ ...

jQueryでformの各種パーツ(テキストボックス等)の操作まとめ
jQueryでformの各種パーツ(テキストボックス等)の操作まとめ

jQueryでフォームのセレクトメニューやラジオボタン等、各種パーツを操作するこ ...