jquery获取cookie
jQuery获取Cookie的方法
jQuery本身不提供直接操作Cookie的API,但可以通过原生JavaScript的document.cookie属性来实现。以下是几种常见的方法:
使用原生JavaScript获取Cookie
function getCookie(name) {
let cookieArr = document.cookie.split(';');
for(let i = 0; i < cookieArr.length; i++) {
let cookiePair = cookieArr[i].split('=');
if(name == cookiePair[0].trim()) {
return decodeURIComponent(cookiePair[1]);
}
}
return null;
}
调用方式:

let myCookie = getCookie('cookieName');
使用jQuery Cookie插件
如果项目允许引入第三方库,可以使用jQuery Cookie插件简化操作:

引入插件(需先加载jQuery):
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery.cookie@1.4.1/jquery.cookie.min.js"></script>
获取Cookie:
let value = $.cookie('cookieName');
注意事项
- Cookie有大小限制(通常4KB左右)
- 获取时需要处理URL编码/解码
- 跨域情况下无法读取其他域的Cookie
- 现代浏览器推荐使用
localStorage或sessionStorage替代Cookie
替代方案示例(localStorage)
// 存储
localStorage.setItem('key', 'value');
// 读取
let data = localStorage.getItem('key');
以上方法可以根据具体需求选择使用,原生JavaScript方法兼容性最好,而插件可以简化代码编写。






