.empty().append()和.html()之间有什么区别?

App*_*rue 5 html javascript jquery dom

使用jQuery,使用之间的性能差异是什么:

$('#somDiv').empty().append('text To Insert')
Run Code Online (Sandbox Code Playgroud)

$('#somDiv').html('text To Insert')
Run Code Online (Sandbox Code Playgroud)

Roa*_*rth 44

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

来源:jQuery源码.

  • `.empty().append(...)`会慢一点,因为`.html(...)`本质上是同一个东西的包装器.不要为了速度而使用`.empty().append(...)`,因为你甚至不会注意到几千个调用之间的差异,而且对于阅读代码的人来说会让人感到困惑. (12认同)

Mar*_*tta 6

.html将覆盖DIV的内容.

.append将添加到DIV的内容.

  • 请注意,我已将empty()函数包含在该追加中,如.html所覆盖..append比.html快吗? (2认同)