最初隐藏的Jquery创建元素

Question

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

Answer 1

很简单。就这样做：

var myFrame = $("<iframe>").hide();

Answer 2

var my_iframe = $('<iframe name="your_iframe" src="your_source"></iframe>');

现在my_iframe保存你的jQuery创建的iframe。修改它，做你想做的事，然后把它放在dom中。

直到你将它插入dom中才能看到它。

Answer 3

只需创建它并将其设置为隐藏样式，可以采用多种方式之一，如下所示：

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

使隐藏内容的另一种方法是将其放置在远离视口的位置，或者将其置于其他内容之后，或将某个维度设置为零。这取决于你的其他设计。就个人而言，我倾向于给元素一个隐藏的类值。

（@ gilly3明智地指出，方便的jQuery“隐藏”功能可能是一种简单的方法。）

Answer 4

var theElement = <create the iframe here>;
theElement.hide();
// append theElement here

Answer 5

像这样：

var FName = $("<iframe>").hide();