Jquery 克隆的HTML元素未显示

我使用jQuery克隆了一个div并对其进行了定位，但是我不确定为什么它没有显示出来。使用F12工具，我可以看到元素以及正确设置的顶部、左侧、高度和宽度属性

<div id="divLine" style="width: 12px;height:16px;background-color: #000"></div>

 var clone = $("#divLine").clone().prop('id', 1)[0];
            $(clone).css({
                position: 'absolute',

                left: 20,
                top:20
            })

var clone=$（“#divLine”）.clone（）.prop（'id'，1）[0]；
$（克隆）.css({
位置：'绝对'，
左:20,，
前20名
})

---

您忘记将克隆的元素附加到主体或相关容器中

演示：

---

您忘记将克隆的元素附加到主体或相关容器

演示：

---

您忘记将克隆的元素附加到主体或相关容器

演示：

---

您忘记将克隆的元素附加到主体或相关容器

演示：

---

您没有将克隆附加到父级

Fixe在这里：

添加这一行-

$("#divLine").parent().append(clone);

---

您没有将克隆附加到父级

Fixe在这里：

添加这一行-

$("#divLine").parent().append(clone);

---

您没有将克隆附加到父级

Fixe在这里：

添加这一行-

$("#divLine").parent().append(clone);

---

您没有将克隆附加到父级

Fixe在这里：

添加这一行-

$("#divLine").parent().append(clone);

---

您将克隆设置为变量，它实际上从未向文档中添加任何内容。您将克隆设置为变量，它实际上从未向文档中添加任何内容。您将克隆设置为变量，它实际上从未向文档中添加任何内容。您将克隆设置为变量，它从来没有在文档中添加任何内容。