如何使用 jQuery 设置和取消设置 cookie，例如创建一个名为 cookie 并将test值设置为1？
如何使用 jQuery 设置/取消设置 cookie？
IT技术
javascript
jquery
dom
cookies
2021-01-05 16:19:52
6个回答
2019 年 4 月更新
cookie 读取/操作不需要 jQuery，所以不要使用下面的原始答案。
请转至https://github.com/js-cookie/js-cookie，并使用不依赖于 jQuery 的库。
基本示例：
// Set a cookie
Cookies.set('name', 'value');
// Read the cookie
Cookies.get('name') => // => 'value'
有关详细信息，请参阅 github 上的文档。
2019年4月之前（旧）
查看插件：
https://github.com/carhartl/jquery-cookie
然后你可以这样做：
$.cookie("test", 1);
删除：
$.removeCookie("test");
此外，要在 cookie 上设置特定天数（此处为 10 天）的超时：
$.cookie("test", 1, { expires : 10 });
如果省略 expires 选项，则 cookie 将成为会话 cookie，并在浏览器退出时被删除。
要涵盖所有选项：
$.cookie("test", 1, {
expires : 10, // Expires in 10 days
path : '/', // The value of the path attribute of the cookie
// (Default: path of page that created the cookie).
domain : 'jquery.com', // The value of the domain attribute of the cookie
// (Default: domain of page that created the cookie).
secure : true // If set to true the secure attribute of the cookie
// will be set and the cookie transmission will
// require a secure protocol (defaults to false).
});
要读回 cookie 的值：
var cookieValue = $.cookie("test");
更新（2015 年 4 月）：
正如下面的评论中所述，开发原始插件的团队已经删除了新项目 ( https://github.com/js-cookie/js-cookie ) 中的 jQuery 依赖项，该项目具有与以下相同的功能和通用语法jQuery 版本。显然，原始插件不会随处可见。
不需要特别使用 jQuery 来操作 cookie。
来自QuirksMode（包括转义字符）
function createCookie(name, value, days) {
var expires;
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toGMTString();
} else {
expires = "";
}
document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";
}
function readCookie(name) {
var nameEQ = encodeURIComponent(name) + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) === ' ')
c = c.substring(1, c.length);
if (c.indexOf(nameEQ) === 0)
return decodeURIComponent(c.substring(nameEQ.length, c.length));
}
return null;
}
function eraseCookie(name) {
createCookie(name, "", -1);
}
看一眼
<script type="text/javascript">
function setCookie(key, value, expiry) {
var expires = new Date();
expires.setTime(expires.getTime() + (expiry * 24 * 60 * 60 * 1000));
document.cookie = key + '=' + value + ';expires=' + expires.toUTCString();
}
function getCookie(key) {
var keyValue = document.cookie.match('(^|;) ?' + key + '=([^;]*)(;|$)');
return keyValue ? keyValue[2] : null;
}
function eraseCookie(key) {
var keyValue = getCookie(key);
setCookie(key, keyValue, '-1');
}
</script>
您可以将 cookie 设置为
setCookie('test','1','1'); //(key,value,expiry in days)
你可以像这样获得饼干
getCookie('test');
最后你可以像这样擦除饼干
eraseCookie('test');
希望它会对某人有所帮助:)
编辑：
如果要将 cookie 设置为所有路径/页面/目录，则将路径属性设置为 cookie
function setCookie(key, value, expiry) {
var expires = new Date();
expires.setTime(expires.getTime() + (expiry * 24 * 60 * 60 * 1000));
document.cookie = key + '=' + value + ';path=/' + ';expires=' + expires.toUTCString();
}
谢谢，维琪
您可以使用此处提供的插件..
https://plugins.jquery.com/cookie/
然后写一个cookie做
$.cookie("test", 1);
访问设置的cookie做
$.cookie("test");
这是我使用的全局module -
var Cookie = {
Create: function (name, value, days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toGMTString();
}
document.cookie = name + "=" + value + expires + "; path=/";
},
Read: function (name) {
var nameEQ = name + "=";
var ca = document.cookie.split(";");
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == " ") c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
},
Erase: function (name) {
Cookie.create(name, "", -1);
}
};