Javascript 将公告栏添加到Wordpress

我正在尝试向wordpress页面添加公告栏。我知道如何添加该条，但我也希望当用户单击该条上的“x”时，该条消失

到目前为止，我掌握的代码是：

CSS

Html

此处文本

---

现在，我如何在wordpress中实现JS，以便在用户单击“x”图像时通知消失？

您可以使用一个简单的jQuery函数

$(function(){
    $('#close_message').click(function(){
        $('#message_box').remove();
    });
});

---

示例：

当您还没有使用jQuery时，您可以只使用纯Javascript。仅为4行代码加载jQuery有点过分

document.getElementById("close_message").onclick = function() {
    document.getElementById("message_box").style.display = 'none';
};

---

当我写下另一本时，我正在研究这本书，但最后还是放弃了。不过，我认为jQuery是Wordpress核心的一部分。完全按照宣传的那样工作！：D

$(function(){
    $('#close_message').click(function(){
        $('#message_box').remove();
    });
});

document.getElementById("close_message").onclick = function() {
    document.getElementById("message_box").style.display = 'none';
};