以 jquery-cookie 的简单方式设置/取消设置 cookie答案

【问题标题】：Set/unset cookie the simples way jquery-cookie以 jquery-cookie 的简单方式设置/取消设置 cookie
【发布时间】：2015-07-27 16:12:12
【问题描述】：

我有一个在 onClick 事件上显示/隐藏 div 的按钮。我想记住这个状态，点击让 div 隐藏一天（设置过期的 cookie），再点击保持 div 显示（删除 cookie）。

我需要记住整个域的这个状态。

最简单的方法是什么？我是初学者，我更喜欢 jquery-cookie - 可以使用吗？我找不到任何关于 onClick 事件的解释示例。

非常感谢！

【问题讨论】：

你想要按钮点击事件吗？
目前对于我拥有的按钮的其他功能：$('#show_container_2').click(function() .....
请分享您的 Div 的 html 标签
jsfiddle.net/bqwk8hg1（抱歉缺少 CSS）
jsfiddle.net/bqwk8hg1/1 检查它的 div 隐藏/取消隐藏是否为我工作

标签： jquery html cookies

【解决方案1】：

请找到更好的方式 cookie 管理的 URL。 Create, read, and erase cookies with jQuery

或

for set cookie:
    $.cookie('cookieName', 'value', { expires: 7 });
for read cookie:
    $.cookie('the_cookie');

for Delete cookie:// set nulll for delete
    $.cookie('the_cookie', null);

【讨论】：

谢谢，但对我来说太复杂了。
@RASAE，您想要禁用和启用 cookie 的按钮单击事件吗？

【解决方案2】：

看看jquery-cookie 插件。

文档只是here。

这是 jsfiddle 中关于如何使用它的示例（设置 cookie / 取消设置 cookie / 显示 cookie）：http://jsfiddle.net/rdtome/73vzD/239/

（见行）：

$.cookie('test_cookie', 'hello cookie !'); // SET cookie
$.removeCookie('test_cookie'); // DELETE cookie
$.cookie('test_cookie'); // GET cookie

【讨论】：

我已经看到了这个链接 - 但我不知道如何在带有按钮的 onClick 事件中使用它。我需要一个带有功能解决方案的简单示例。
看看答案中的jsfiddle。也在这里：jsfiddle.net/rdtome/73vzD/239