Javascript 如何在页面启动时隐藏jQuery自动生成的html元素

当页面启动时，jQuery生成一个我希望它被隐藏的表单。因为我想在单击按钮时显示它

根据这些说明，我创建了表单：

$("#cards").append('<li id="card" class="feed-element animated fadeInRight" style="color: grey" data-user="' + key + '">\n\
                        <button id="previewCard" type="button" value = "' + key + '" class="btn btn-primary btn-sm btn-block btn-xs">' + preview + '</li>\n\
                        <form id="cardFormDetail" class="animated fadeInRight">\n\
                            <div class="form-group">\n\
                                <input id="customerCardDate" class="form-control" type="text">\n\
                            </div>\n\
                            <div class="form-group">\n\
                                <input id="customerCardScope" class="form-control" type="text">\n\
                            </div>\n\
                            <div class="form-group">\n\
                                <textarea id="customerCardText" class="form-control" rows="5"></textarea>\n\
                            </div>\n\
                        </form>\n\
                        <button id="modifiedCard" type="button" value = "' + key + '" class="btn btn-primary btn-xs pull-left">Modified</button>\n\
                        <button id="deleteRequestCard" type="button" value = "' + key + '" class="btn btn-primary btn-xs pull-right">Delete</button>\n\
                        <br><hr style="border-color: #c80b00;">');

$（“#卡片”）。追加（'
\n\
“+预览+”
\n\
\n\
\n\
\n\
\n\
\n\
\n\
\n\
\n\
\n\
\n\
\n\
修改的\n\
删除\n\

）；

页面启动时，cardFormDetail表单可见。如何使其不可见

---

我试过使用

$（“#cardFormDetail”）.hide（）

，但不起作用。原因是因为它是一个动态元素，对吗？

既然你想在加载时隐藏它，请使用CSS而不是jQuery，除非有理由证明你为什么要这样做

#cardFormDetail { display: none; }

---

由于您想在加载时隐藏它，请使用CSS而不是jQuery，除非有理由证明您为什么要这样做

#cardFormDetail { display: none; }

---

将隐藏表单的代码放在将元素附加到表单的代码之后

另一件事是将具有相同id“cards”的元素附加到具有相同id的现有元素

无论是否动态添加元素，您都应该能够使用jquery隐藏它

---

您可以发布整个代码吗？

将隐藏表单的代码放在代码之后，将元素附加到表单中

另一件事是将具有相同id“cards”的元素附加到具有相同id的现有元素

无论是否动态添加元素，您都应该能够使用jquery隐藏它

---

您可以发布整个代码吗？

然后使用jQuery的

.css（'display'，'block'）

或

.show（）

根据需要使用一个cardFormDetail表单进行显示。但是如果我有多个ID，那么多个同名ID会使HTML无效。如果是这种情况，请使用一个同名的类并应用CSS。然后使用jQuery的

.CSS（'display'，'block'）

或

.show（）

根据需要使用一个cardFormDetail表单来显示它。但是如果我有多个ID，那么多个同名ID会使HTML无效。如果是这样的话，请使用相同名称的类并应用CSS。