2020.07.17

jQuery

jQueryプラグイン jquery.cookie.jsの使い方

jQueryプラグイン、jquery.cookie.jsの使い方です。まず前提としてcookieはhttp通信でサーバー側からクライアント側に渡されるため、ローカルでは動作しません。アップロードして確認する必要があります。

使い方の一例としてフォーム送信時の判定です。まずcookieの名前を指定してcookieの値を取り出し、変数に格納します。そしてcookieが格納されていればenqDone関数を実行、格納されていなければ変数はundefinedとなりenqDone関数は実行されません。

//cookieの取得
var cookieCheck = $.cookie('enqStatus');
if(cookieCheck){ enqDone(); }

フォーム送信時はcookieを保存します。cookieの値は「enqFinish」としています。オプションで有効期限を2年間にしています。これで次回ページアクセス時はcookieが有りの判定となりenqDone関数が実行されます。有効期限を設定しない場合、ブラウザ終了時にcookieは削除されます。

//cookieの保存
$.cookie('enqStatus', 'enqFinish', { expires: 730 });

明示的にcookieを削除する場合は、removeCookieでcookieの名前を指定してcookieの値を削除します。

//cookieの削除
if(cookieCheck){ $.removeCookie('enqStatus'); }

関連記事

2020.09.22

jQuery

jQueryで親要素を取得(parent・parents・closest)

デモページはこちら jQueryで親要素(親要素の親要素である先祖要素を含む)を取得するメソッドのまとめです。対象要素の親要素を取得するparent、対象要素の…

2021.03.14

jQuery

jQueryのcssメソッドで要素のCSSを取得・変更

デモページはこちら jQueryのcssメソッドで要素のCSSを取得・変更します。以下のhtmlの構造でテストします。 まずCSSの変更です。対象の要素に設定さ…

2021.03.05

jQuery

jQueryのremoveAttrメソッド・removeDataメソッドで要素の属性を削除

デモページはこちら jQueryのremoveAttrメソッドとremoveDataメソッドで要素の属性を削除します。removeDataメソッドはカスタムデー…

2020.10.07

jQuery

jQueryのattrメソッド・dataメソッドで要素の属性を取得・変更・新規設定

デモページはこちら jQueryのattrメソッドとdataメソッドで要素の属性を取得・変更・新規設定します。dataメソッドはカスタムデータ属性のみ取得・変更…

2020.10.19

jQuery

jQueryのイベントオブジェクトのメソッド(preventDefault・stopPropagation)

デモページはこちら jQueryのイベントオブジェクトのメソッドであるpreventDefaultとstopPropagationの動作をテストします。また、処…

上に戻る