javascript - 如何在 jQuery 中隐藏新元素？

Question

我有这个代码:

var $msg = jQuery('<div></div>')
    .hide()
    .appendTo(document.body)
;
if ($msg.is(":hidden")) {
    console.log("hidden");
} else {
    console.log("visible");
}

运行时，它在 Firefox 上记录“隐藏”，但在 Google Chrome 上记录“可见”。这是一个错误，还是我做错了什么？

Answer 1

你试过把它附加到正文后隐藏吗？

$(function() {
    var $msg = jQuery('<div>hello</div>').appendTo(document.body).hide();
    if ($msg.is(":hidden")) {
        console.log("hidden");
    } else {
        console.log("visible");
    }
}); // $()

在两种浏览器上都适合我。