在前端开发中，Cookie 是一种存储在用户计算机上的数据，用于跟踪用户会话和记录用户的偏好。通常，当用户访问网站时，服务器会发送一个名为 Set-Cookie 的 HTTP 响应头，以便在用户浏览器中创建一个 Cookie。
本文将介绍如何使用 jQuery 设置和取消 Cookie，并提供示例代码。
设置 Cookie
要设置 Cookie，可以使用 $.cookie() 方法。它需要两个参数：Cookie 名称和 Cookie 值。以下代码演示如何设置 Cookie：
---------------- ---------
这将在用户浏览器中创建名为 "name" 的 Cookie，其值为 "value"。
您还可以指定其他选项来对 Cookie 进行更详细的配置。例如，以下代码将创建一个名为 "name" 的 Cookie，其值为 "value"，有效期为 7 天：
---------------- -------- - -------- - ---
在上面的示例中，{expires: 7} 是一个对象，用于指定 Cookie 的有效期。该值可以是一个数字，表示天数，或一个 Date 对象，表示过期日期。
获取 Cookie
要获取 Cookie 的值，请使用 $.cookie() 方法并传递 Cookie 名称作为参数。以下代码演示如何获取名为 "name" 的 Cookie 的值：
--- ----- - -----------------
如果存在名为 "name" 的 Cookie，则该变量 value 将包含其值。否则，它将为 null。
取消 Cookie
要取消 Cookie，请使用 $.removeCookie() 方法并指定 Cookie 名称。以下代码演示如何取消名为 "name" 的 Cookie：
-----------------------
如果 Cookie 存在，则该方法将从用户的浏览器中删除它。
您还可以提供其他选项来对 Cookie 进行更详细的配置。例如，以下代码将取消名为 "name" 的 Cookie，并且只在服务器上可用：
---------------------- - ----- --- ---
在上面的示例中，{path: '/'} 是一个对象，用于指定 Cookie 的路径。如果不指定路径，则默认路径是创建 Cookie 的当前页面。
总结
在本文中，我们介绍了如何使用 jQuery 设置、获取和取消 Cookie。通过掌握这些技术，您可以更好地管理您的网站的 Cookie，以便跟踪用户会话和记录用户的偏好。
下面是完整的示例代码：
-- ------ ------ - ---------- ------------ - - ---------------- -------- - -------- - --- -- ---- ------ - ------ -- --- ----- - ----------------- -- ---- ------ - ------ -----------------------
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/7316