勉強したことのメモ

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

  関連記事

adblock(広告削除)設定している場合はページを表示させない

iPhoneのSleipnirでネットをしていると「広告がブロックされたのでペー ...

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

フロントエンド側でCookieを利用したい場合jquery-cookieを用いる ...

JavaScript / jQueryでブラウザのウィンドウがアクティブかどうかを判別する方法

ある動画サイトを閲覧していた際にウィンドウが非アクティブになると視聴中の動画が止 ...

スクロールしてもついてくる追尾型の広告を作る方法

スマホサイトとかでよく見る、スクロールしてもページ下部とかに常時表示されている追 ...

jQueryのプラグイン(ColorPicker)でカラーコードを視覚的に選択させる方法

カラーコードを入力するフォームがあって、HTMLやCSSの知識がない方のために、 ...