带有 cookie 的 javascript onclick 函数

Question

例如我有一个 <P>标签包含如下类

<p class="badge">new</p>

我确实喜欢为元素添加一些 CSS，当用户 .onclick() , 所以我创建了一个如下所示的函数

 $(".badge").click(function(){
    $(".badge").css("display","none");
});

问题是我如何使用 cookie 记住用户之前已经点击过，以便自动添加 css？

Answer 1

你最好使用 window.localStorage

 $(".badge").click(function(){
    $(".badge").css("display","none");
    localStorage.setItem('btnClicked', true);
 });

在文档加载时，你应该检查用户之前是否点击过按钮并采取相应的行动:

$(document).ready(function (){
    var clicked = localStorage.getItem("btnClicked");
    if(clicked){
       $(".badge").css("display","none");
    }
});