Javascript 使用多个追加函数和使用单个追加函数有什么区别

我很困惑append函数是如何工作的。在我尝试使用append 3次之后，它显示出与单个append函数有很大的不同

在javascript中（追加1次）

var divStep=$（“#stepTab”）；
divStep.append（'Test'）；

在javascript中（追加3次）

var divStep=$（“#stepTab”）；
divStep.append（“”）；
divStep.append（'Test'）；
divStep.apend（“”）；

在html中

<div id="stepTab">
</div>

我发现append 1 time方法工作得和我预期的一样好。另一个非常令人困惑。 有人能给我解释一下这两种方法的区别吗？我试图在互联网上搜索，但我甚至不知道搜索的关键字。 我的英语很差。很抱歉，如果这是一个模棱两可的问题

---

提前谢谢你。

是的。。。让我们看看每次向元素追加内容时都发生了什么

var divStep=$（“#stepTab”）；
divStep.append（'Test'）；
log（divStep.html（））
.appennd不是本机javascript函数。这是一个jQuery方法

append（）方法在选定元素的末尾插入指定的内容

在您的代码中，append 3不会像您预期的那样工作，因为它不是完全封闭的HTML，而是3个同级dom元素。
追加时，您应该使用完全封闭的HTML，因为jQuery会将它们转换为对象。在第二个示例中，附加不用于HTML字符串，jQuery将简单地包装第一个除法元素，然后将输入附加到它之外（即作为同级）。非常感谢您提供了这个有价值的答案。jQuery append方法完整结构。div是双标记元素，当您使用单标记写入时，jQuery会添加close标记。你可以使用html方法。
var divStep = $("#stepTab");
divStep.append('<div style="width:400px;height:40px;float:left;clear:left;">');
divStep.append('<input type="checkbox" />Test');
divStep.apend('</div>');

<div id="stepTab">
</div>