jQueryを使用したCookieの設定方法


jQueryを使ってCookieを設定するには、以下の手順を実行します。

  1. jQueryのライブラリをHTMLファイルに追加します。以下のコードをセクション内に挿入します。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  1. Cookieを設定するためのjQueryコードを追加します。以下のコードをJavaScriptセクションに追加します。
// Cookieの名前と値を指定して設定する例
$.cookie('cookie_name', 'cookie_value');
// 有効期限を指定してCookieを設定する例(有効期限は日数で指定)
$.cookie('cookie_name', 'cookie_value', { expires: 7 });
// パスとドメインを指定してCookieを設定する例
$.cookie('cookie_name', 'cookie_value', { path: '/', domain: 'example.com' });
  1. ウェブページがロードされた時点でCookieを設定する場合は、以下のコードを使用します。
$(document).ready(function() {
    $.cookie('cookie_name', 'cookie_value');
});

これで、jQueryを使用してCookieを設定する方法がわかりました。上記のコード例を使用することで、名前、値、有効期限、パス、ドメインなどの異なるオプションを設定することができます。