使用javascript/jquery创建和检查Cookie值

我正在设置一个新的弹出窗口，并希望创建cookie。基本功能是在存在cookie的情况下将类添加到包装器中（如果可能，则取决于值）。到目前为止，我得到的是：

HTML:

---

JQuery不再有用于此的活动插件。根据您的需要，有两种选择：

• 您可以使用一种在Javascript中使用cookie的方法
• 你可以用它来代替cookies

LocalStorage是更简单的方法，但是如果您需要与旧浏览器兼容，可以使用cookie

<div id="new-popup" class="active ">
<span class="collapse-popup">X</span>
<form>
<input class="tnp-email" type="email" placeholder="Email Address" name="ne" required="">
<input class="tnp-submit" type="submit" value="Submit">
</form>
</div>

jQuery(document).ready(function($) {

    var popuptwo = $('#new-popup');
    var cookie = GetCookie("testbb2020");
    if(cookie == null) { }

    if(cookie === 'closed') { 
        $('#new-popup').addClass('closed-test')
    }

    if(cookie === 'subscribed') { 
        $('#new-popup').addClass('subscribed-test')
    }

    // Click on "Close"
    $('#new-popup .collapse-popup').click(function(event) {
        var date = new Date();
        date.setTime(date.getTime() + (30 * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toGMTString();
        document.cookie = "testbb2020=closed" + expires + "; path=/"; {
        }

    });

    // Click on "Subscribe"
    $('#new-popup input.tnp-submit').click(function(event) {
        var date = new Date();
        date.setTime(date.getTime() + (30 * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toGMTString();
        document.cookie = "testbb2020=subscribed" + expires + "; path=/"; {
        }

    });

});