带有 cookie 的 javascript onclick 函数

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

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

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

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

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

最佳答案

你最好使用 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");
    }
});

关于带有 cookie 的 javascript onclick 函数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37045008/