如何使用Jquery将整个div元素和表单插入到页面中

Question

我正在标题顶部创建一个登录表单。但是当用户登录时，我希望表单消失。我将检查用户是否未登录，如果是，那么我应该添加表单。但是我想在javascript中做到这一点。

Answer 1

您要问的简单答案是使用jQuery的append()函数。

这个问题是你需要将它全部作为文本插入，这将成为一个维护问题。肯定。

更好的方法是使用display:none插入div并隐藏它，并在需要时以编程方式将其设置为display:block。

如果您使用Angular之类的东西，您还可以在需要时插入模板来包含div。但为此目的使用display作为正确的方式被广泛接受。

修改

由于您已经在页面的某些部分使用了load()，因此您可以在此处执行相同的操作。

向HTML添加容器标记：

<div id="loginContainer"></div>

添加如下嵌套内容：

$("#loginContainer").load("http://some.url.com/path");

使用html()

再次隐藏它

$("#loginContainer").html("");