Javascript 使用jquery设置cookie，页面加载时使用cookie的bodyclass

我有一个按钮，可以将身体等级设置为.blackout

我正在使用 设置cookie，下面的代码与我的按钮关联

<script>
$('#boToggle').on('click', function(e) {
  $('body').toggleClass('blackout'); 
});
</script>

$（'botogle'）。在（'click'，函数（e）上{
$（'body'）.toggleClass（'blackout'）；
});

我搞不懂的是如何使用

Cookies.set（'name'，'value'）设置带有.toggleClass的cookie，以及如何从cookie中检索它并将其应用于body类

提前谢谢
 看起来您希望在会话之间维护切换类的状态，这可以通过cookie完成，但可能更适合本地存储

为了完整起见，我将演示这两种方法

带有Cookies

为了更好地理解Cookie和本地存储之间的区别，请看这一点，但我真诚地认为您可以采用这两种方法。在这种情况下，本地存储相对于cookie的一个优势是，您不需要额外的库

let state = Cookies.get('toggle');
$(body).toggleClass('.blackout', state)

本地存储

let state = localStorage.getItem('toggle');
$(body).toggleClass('.blackout', state)

与更新的代码片段一起使用

var toggleLocalStorage = localStorage.getItem('toggle');
var toggleStatus = toggleLocalStorage ? toggleLocalStorage : false;

$('#boToggle').on('click', function(e) {
  $('body').toggleClass('blackout', toggleStatus);
  localStorage.setItem('toggle' toggleStatus);
});

您想设置什么cookie
键
和
值
呢？您可能使用了不适当的cookie，但是使用js cookie设置和获取cookie非常简单。您可能希望对数据进行字符串化，然后在退出时对其进行解析。
.toggleClass（'blackout'，Cookies.get（'name'）=='value'）
可能吗？我不确定我是否理解这个问题。我抄错代码了！真尴尬。珍皮尔-是的！对不起，我走了！谢谢你的帮助，嗯！我以前从未尝试过本地存储。而我似乎无法让它发挥作用。上面是切换按钮的更新代码（我复制了错误的代码段…这是我的垃圾代码lol），这取决于您需要
Cookie.set
或
localStorage.setItem
的事件/操作。该机制的工作原理是相同的，您可以在每次单击时保存它，在这种情况下，您可以将我共享的代码片段包含在“单击”处理程序中@SaraHubrich，我已经添加了一个更具体的例子供您尝试。