勉強したことのメモ

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

  関連記事

FormDataを使ったAjax通信がiPhoneのみエラー

FormDataオブジェクトを使用したAjax通信するシステムがあり、PCやAn ...

jQueryでコンテンツのスライド

jQueryもしくはJavaScriptでリンクを押すと 右から左にコンテンツを ...

jQueryの画像スライダー用プラグイン「slick」の使い方

jQueryの画像スライダー用プラグイン「slick」の使い方についてソースコー ...

jQueryでimgタグのsrcを変える

やりたかった事はイベントに応じてimgタグの src内のURLを変更。attrを ...

JSやjQueryで動的に追加した要素に対して「slick」でスライダーを実行する方法

外部サーバからAjax等で画像URLを取得したものをimgタグとしてページ内に描 ...