Javascript 3秒后移除div覆盖

我将css移到var newDiv=document.createElement（“div”）之后；进入样式表。我如何在javascript中调用该函数，在单击函数之后设置并显示该div

$(document).ready(function() {
    $("#add-to-cart").click(function() {
        var newDiv = document.createElement("div");
        document.getElementById("main").appendChild(div);
        $("#main").fadeIn().delay(2800).queue(function(n) {
            $(div).fadeOut().delay(3000).remove();
            n();
        });
    });
});

---

将创建的div元素与

队列的处理程序一起使用

$(div).hide(); // <-----


从堆栈中删除
可能是这样的：


var div=$（''）；
div.css({
“宽度”：“100%”，
“高度”：“100%”，
“背景色”：“0b0b”，
“不透明度”：0.8，
“z索引”：“1042”，
“顶部”：0，
“左”：0，
“溢出”：“隐藏”，
“位置”：“固定”
});
$（'#main'）。追加（div）
.show（）；
setTimeout（函数（）{
/*隐藏：*/
/*隐藏分区（）*/
/*用于删除css ony*/
div.removeAttr（“风格”）；
}, 3000);
div{
显示：内联块；
边框样式：实心；
边框宽度：2倍；
边框颜色：灰色；
填充：10px；
}

您正在隐藏
$（this）
，它指的是
\main
。只需使用
$（div）
即可。为什么要用vanilla JS创建元素，然后用jQuery隐藏它？另外，你真的应该给它一个类，把所有的css移到一个样式表中。@DarrenSweeney我把css移到了一个样式表中。如何在javascript中触发它来显示？