最初隐藏的Jquery创建元素

gda*_*nko 5 javascript jquery

有没有办法创建一个元素并最初隐藏它?我正在创建一个iframe,但不希望它立即显示.

gil*_*ly3 6

非常简单.这样做:

var myFrame = $("<iframe>").hide();
Run Code Online (Sandbox Code Playgroud)


Poi*_*nty 3

只需以多种可能的方式之一创建它并将其设置为隐藏,如下所示:

var secretThing = $('<iframe></iframe>', { css: { 'display': 'none' }});
$('body').append(secretThing);
Run Code Online (Sandbox Code Playgroud)

隐藏某些东西的另一种方法是将其放置在远离视口的位置,或者将其放在其他东西后面,或者将某些尺寸设置为零。这取决于您设计的其余部分。就我个人而言,我倾向于为该元素赋予一个使其隐藏的类值。

(@gilly3 明智地指出,方便的 jQuery“隐藏”功能可能是执行此操作的简单方法。)