.html()将替换所有内容。

.append()只会在结尾追加。

这种事就发生在我身上。Jquery版本:3.3。 如果你正在遍历一个对象列表，并且想要将每个对象添加为某个父dom元素的子元素，那么.html和.append将表现得非常不同。.html将最终只添加到父元素的最后一个对象，而.append将添加所有列表对象作为父元素的子元素。

如果你的.add是指.append，那么如果#myDiv是空的，结果也是一样的。

表演一样吗?不知道。

.html(x)最终会做与.empty().append(x)相同的事情

嗯，.html()使用. innerhtml，这比DOM创建更快。

除了给出的答案，在这种情况下，你有这样的东西:

<div id="test">
    <input type="file" name="file0" onchange="changed()">
</div>
<script type="text/javascript">
    var isAllowed = true;
    function changed()
    {
        if (isAllowed)
        {
            var tmpHTML = $('#test').html();
            tmpHTML += "<input type=\"file\" name=\"file1\" onchange=\"changed()\">";
            $('#test').html(tmpHTML);
            isAllowed = false;
        }
    }
</script>

这意味着如果上传了任何文件，您想要自动添加一个文件上传，上述代码将不起作用，因为在文件上传后，第一个文件上传元素将被重新创建，因此上传的文件将从其中删除。你应该使用.append()来代替:

    function changed()
    {
        if (isAllowed)
        {
            var tmpHTML = "<input type=\"file\" name=\"file1\" onchange=\"changed()\">";
            $('#test').append(tmpHTML);
            isAllowed = false;
        }
    }

它们不一样。第一个替换HTML，而不需要先创建另一个jQuery对象。第二个为第二个div创建一个额外的jQuery包装器，然后将它附加到第一个div。

一个jQuery包装器(每个示例):

$("#myDiv").html('<div id="mySecondDiv"></div>');

$("#myDiv").append('<div id="mySecondDiv"></div>');

两个jQuery包装器(每个示例):

var mySecondDiv=$('<div id="mySecondDiv"></div>');
$('#myDiv').html(mySecondDiv);

var mySecondDiv=$('<div id="mySecondDiv"></div>');
$('#myDiv').append(mySecondDiv);

您有几个不同的用例。如果你想替换内容，.html是一个很好的调用，因为它相当于innerHTML = "…"。但是，如果只是想追加内容，则不需要额外的$()包装器集。

如果以后需要操作添加的div，只使用两个包装器。即使在这种情况下，你仍然可能只需要使用一个:

var mySecondDiv = $("<div id='mySecondDiv'></div>").appendTo("#myDiv");
// other code here
mySecondDiv.hide();