jQuery 管理 Cookie 全攻略：设置、获取和删除

2024-03-20 08:47:38

使用 jQuery 轻松管理网页中的 Cookie

导言

Cookie 是小型文本文件，存储在用户的设备上，用于在会话之间保持信息。作为网页开发人员，了解如何处理 cookie 至关重要，jQuery 提供了一种简单的方法来做到这一点。在这篇文章中，我们将深入探究如何使用 jQuery 设置、获取和删除 cookie。

设置 Cookie

设置基本 Cookie

使用 $.cookie() 方法，您可以轻松设置一个 cookie。该方法接受两个参数：cookie 名称和值。例如：

$.cookie('my_cookie', 'value');

设置 Cookie 选项

您可以通过传递其他参数来定制 cookie：

expires: 设置 cookie 的过期时间（以天为单位）
path: 设置 cookie 可用的路径
domain: 设置 cookie 所属的域

例如：

$.cookie('my_cookie', 'value', { expires: 7, path: '/', domain: 'example.com' });

获取 Cookie

要获取 cookie 的值，只需将 cookie 名称作为参数传递给 $.cookie() 方法：

var cookie_value = $.cookie('my_cookie');

删除 Cookie

要删除 cookie，请使用 $.removeCookie() 方法，并指定 cookie 名称：

$.removeCookie('my_cookie');

实际示例

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(function() {
    // 设置 cookie
    $.cookie('visited', 'true');

    // 获取 cookie 值
    var visited = $.cookie('visited');

    // 根据 cookie 值显示消息
    if (visited === 'true') {
      alert('欢迎回来！');
    } else {
      alert('欢迎来到我们的网站！');
    }

    // 删除 cookie
    $.removeCookie('visited');
  });
</script>