.clone()和.html()之间有什么区别？

Question

Jquery的.clone()和.html()函数有什么区别？

Jquery文档说明:

.clone()方法执行匹配元素集的深层副本,这意味着它复制匹配的元素以及它们的所有后代元素和文本节点.

在HTML文档中,.html()可用于获取任何元素的内容.如果选择器表达式与多个元素匹配,则只返回第一个匹配的HTML内容.

对我来说,这些似乎是可以互换的,那么是否会有另一个人使用的具体情况呢？

Answer 1

.clone()返回一个jQuery对象,同时.html()返回一个字符串.

使用.clone(),如果你想了jQuery对象的副本,并使用.html()获得一个jQuery对象的内部HTML以字符串格式.每种方法都有自己的目的(和成本).

此外,正如sgroves指出的那样," .clone()执行选择器找到的元素集的深层副本,而.html()只使用[使用]第一个匹配的元素."*

*虽然注意.html(newContent)将设置一组匹配元素的内部HTML .小提琴

另一个注意事项:(通常)"更快"选项是在进行DOM操作(JSPerf)时使用字符串而不是jQuery对象.因此,.html()如果您需要的是文本内容,我建议您.尽管如此:每种方法都有其自己的目的.

Answer 2

以下是差异列表:

1. .clone可以在多个选定元素上使用,同时.html()仅返回第一个元素的html.

2. .clone返回一个jQuery对象,同时.html返回一个字符串.

3. .clonecan(如果指定)保留DOM元素的任何事件和数据..html将不会.

4. .clone制作所选元素及其所有后代的副本,同时.html仅获取其后代.换句话说,与DOM方法相比,.clone类似于.outerHTML,.html更像是.innerHTML.