jquery获取cookie
jQuery 获取 Cookie 的方法
使用 jQuery 获取 Cookie 需要依赖 js-cookie 库或原生 JavaScript 方法。以下是几种实现方式:
使用原生 JavaScript 获取 Cookie
原生 JavaScript 可以通过 document.cookie 获取所有 Cookie,但需要手动解析:

function getCookie(name) {
const cookies = document.cookie.split(';');
for (let cookie of cookies) {
const [cookieName, cookieValue] = cookie.trim().split('=');
if (cookieName === name) {
return decodeURIComponent(cookieValue);
}
}
return null;
}
使用 js-cookie 库
js-cookie 是一个轻量级的库,简化了 Cookie 操作:

- 引入
js-cookie库:<script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.1/dist/js.cookie.min.js"></script> - 获取 Cookie:
const cookieValue = Cookies.get('cookieName');
使用 jQuery 解析 Cookie
如果不想引入额外库,可以通过 jQuery 辅助解析:
const cookieValue = $.cookie('cookieName');
注意:此方法需要引入 jQuery Cookie 插件(已废弃,建议使用 js-cookie)。
注意事项
- Cookie 名称区分大小写。
- 获取的 Cookie 值需要解码(如
decodeURIComponent)。 - 跨域环境下需确保 Cookie 的
SameSite和Secure属性配置正确。






