.empty（）。append（）和.html（）之间有什么区别？

Question

使用jQuery，什么是使用之间的性能差异：

$('#somDiv').empty().append('text To Insert') 

和

$('#somDiv').html('text To Insert') 

？

Answer 1

.html将覆盖DIV的内容。

.append将添加到DIV的内容。

Answer 2

在简单的话：

$('#somDiv').append('blabla') 

是这样工作的：

<div id='somDiv'>some text</div> 

变为：

<div id='somDiv'>some textblabla</div> 

而且innerHTML的替代内容，因此它变成这样：

<div id='somDiv'>blabla</div> 

Answer 3

$('#somDiv').html(value)相当于$('#somDiv').empty().append(value)。

来源：jQuery source。

Answer 4

正确的语法是

$("#somDiv").html("<span>Hello world</span>"); 

Answer 5

difference between append() and html() in jquery 

.aapend() and .html() is the most usefull method in jQuery.But these are far different from one another, .append() add some value with the existing one.whether .html() do the same but it removes the old value 
Here is an example is given 

<ul id="test"> 
<li>test</li> 
</ul> 

Now I will use .append() to add one <li>, For that I will write 
<script type="text/javascript>" 
jQuery("#test").append("<li>test1</li>"); 
</script> 

The output of this jQuery will be 
<ul id="test"> 
<li>test</li> 
<li>test1</li> 
</ul> 

Now if I use .html() to add one <li>, For that I will write 
<script type="text/javascript>" 
jQuery("#test").html("<li>test1</li>"); 
</script> 

The output of this Script will be 
<ul id="test"> 
<li>test1</li> 
</ul> 

Here in this example .append() add one extra <li>, whether .html() removes the old one with new one. This is the main difference between .append() and .html() in Jquery `enter code here` 

Answer 6

理解jQuery中提供的扩展的意义和功能。

$('#somDiv').empty().append('text To Insert') 

- 上面的代码将清除DIV ID标签内容第一，然后将追加文本的目标DIV：

$('#somDiv').html('text To Insert') 

- 上面的代码替换HTML文本div标签的文字：