jquery设置cookie
jQuery 设置 Cookie
jQuery 本身不提供直接的 Cookie 操作方法,但可以通过引入第三方库(如 jquery.cookie)或使用原生 JavaScript 来实现。以下是两种常用方法:
使用原生 JavaScript 设置 Cookie
原生 JavaScript 通过 document.cookie 属性操作 Cookie。以下是设置 Cookie 的语法:
document.cookie = "name=value; expires=date; path=path; domain=domain; secure";
示例代码:

// 设置一个名为 "username" 的 Cookie,值为 "John Doe",有效期为 7 天
var date = new Date();
date.setTime(date.getTime() + (7 * 24 * 60 * 60 * 1000));
var expires = "expires=" + date.toUTCString();
document.cookie = "username=John Doe; " + expires + "; path=/";
使用 jQuery Cookie 插件
jQuery Cookie 插件(jquery.cookie)简化了 Cookie 的操作。首先需要引入插件:
-
下载插件并引入:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> -
设置 Cookie:
$.cookie("name", "value", { expires: 7, path: '/' });
示例代码:
// 设置一个名为 "theme" 的 Cookie,值为 "dark",有效期为 30 天
$.cookie("theme", "dark", { expires: 30, path: '/' });
参数说明
expires:Cookie 的有效期(天数)。path:Cookie 的作用路径(默认为当前页面的路径)。domain:Cookie 的作用域名。secure:如果设置为true,Cookie 仅通过 HTTPS 传输。
注意事项
- 如果未设置
expires,Cookie 将在浏览器关闭时失效。 - 删除 Cookie 可以通过设置过期时间为过去的时间:
$.removeCookie("name", { path: '/' });或使用原生 JavaScript:
document.cookie = "name=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
这两种方法都能有效设置 Cookie,选择哪种取决于项目需求和依赖库的使用情况。






