javascript - jQuery：.load() 方法替换目标选择器内容或附加到它？

Question

我想知道是否有人知道 .load() 方法对从 url 检索到的数据究竟做了什么？它是否用检索到的数据替换目标选择器内容？或者将该数据附加到目标选择器？

尽管如此，在我看来 .load() 方法替换（覆盖）目标元素的内容......

文档有点模糊：

描述：从服务器加载数据并将返回的 HTML 放入匹配的元素中。

或者

.load() 将匹配元素的 HTML 内容设置为返回的数据。

score 2 · Accepted Answer

它替换了内容。同意文档可能会更清晰，尽管如果它是附加的，我希望它是明确的。

本质上，忽略一些细节，这是：

$("selector").load(url);

实际上是这样的：

$.get(url, function(html) {
    $("selector").html(html);
});

如果你告诉 jQuery 你只想加载返回的 HTML 的一个片段，那就有点复杂了。

score 0 · Accepted Answer

是的，它取代了..

jQuery 使用浏览器的 .innerHTML 属性来解析检索到的文档并将其插入到当前文档中。在此过程中，浏览器通常会从文档中过滤元素，例如、或元素。因此，通过 .load() 检索到的元素可能与浏览器直接检索到的文档并不完全相同。

2 回答 2