Javascript jQuery：创建一个div并在其中插入元素

我试图做一个简单的程序，用户可以填写可以输入文本，并选择一个图像（url或本地），并显示在一个div贝娄选择的信息。我使用的是一个现有的div，但是如果我们不知道用户会插入多少次信息，那么就不可能这样做

因此，如何创建一个div并在其中插入内容呢

User:
<div>
  <input type="text" id="user">Add image
  <form id="image">
        <input type="radio" name="radio" value="url">URL
        <input type="radio" name="radio" value="local">PC
  </form>
  <input type="text" id="url" style="display:none">
  <input type="file" id="local" style="display:none">
  <br>
  <button id="submit">Submit</button>
  <div id="enter"></div>
  <p id="p1"></p>
</div>

---

jQuery提供了许多创建元素的方法。 您可以使用

$创建它。fn

选择器：

$("<div>", {
    class: "Your custom classes",
    id: "random",
    style: "border: none",
    anyAttribute: "itsValue"
}).addClass("itsChainable")
.html("<a href=\"nowhere.com\">Im a link!!</a>")
.appendTo("body")

$（“”{
类：“您的自定义类”，
id:“随机”，
样式：“边框：无”，
anyAttribute:“它的值”
}).addClass（“可链接的”）
.html（“”）
.附件（“正文”）

如果您有更多疑问，请回答我！：）

试试这个：

$("#enter").append("<img src='" + $("#url").val() + "'>");

$（“#输入”）。追加（“”）；

---

如果您正确缩进代码，代码更容易阅读。我希望我能投您15分，您的评论让我非常清楚，非常感谢！！没关系，我希望这对你有帮助。：）为了不打开另一个部分相同主题的问题，为什么它不向本地图像收费“$（“#更改”）。追加（“”；”？change是一个空白div，它会对图像图标充电，但不会对图像本身充电，你知道为什么吗？

$("#enter").append("<img src='" + $("#url").val() + "'>");