javascript - 使用带有动态 div 的 jquery Show()

Question

我创建了一个 div 模板，例如

var Mask="<div style='width: 60%;display:none; height: 602px;opacity: 0.3;' id='mask'>Hello i'm here</div>";

现在可以通过任何方式将.show()jquery 函数应用于此 div。

Answer 1

使用 document.write 将 div 写入屏幕

document.write(Mask);

您不需要使用 show() 或 on() 因为它会在写入屏幕时显示

Answer 2

不，但不要害怕。您可以将该字符串附加到正文 HTML，它将使用 .appendTo() 函数呈现。

Answer 3

如果您要动态添加此 div，请使用$.on()on
如果此 div 已添加到 HTML 中（意思是非动态），请使用简单$("#mask").show()

Answer 4

在实际将其附加到 DOM 之前，您无法显示此 div。一旦它被附加到一个元素上，它就会自动出现。

请注意，如果您打算多次附加此 div，则需要更改id='mask'为class='mask'，因为 id 必须是唯一的。

Answer 5

用这个

$("<div style='width: 60%; height: 602px;display:none; opacity: 0.3;' id='mask'>Hello i'm here</div>").appendTo("body");
$('#mask').show();