jQuery.append() jQuery.html()
区别 append()主要是新增一个节点元素的内容 作用和append()相似,但是会替换掉旧的内容
1
2
3
<ul id="test">
<li>test</li>
</ul>

现在想增加一个</li>,分别使用两个方法:

1
$.('#test').append('<li>test1</li>')

结果是:

1
2
3
4
<ul id="test">
<li>test</li>
<li>test1</li>
</ul>

而使用html():

1
$.('#test').html('<li>test1</li>')

结果是:

1
2
3
<ul id="test">
<li>test1</li>
</ul>

一开始我没有太区分两者的具体用法,等同来使用,直到在一个for循环中使用html()来增加两个节点时候,发现永远无法出现两个节点,只会得到第二个节点信息。

查阅资料: