.empty().append() vs html().append() via button click

Benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<button>Remove text</button>
<div class='hello'>hello</div>

<button>Remove text</button>
<div class='world'>world</div>

Test runner

Ready to run.

Testing in
TestOps/sec
.empty().append()
$('button').click(function(){
  $('.hello').empty().append('Per at deleniti scribentur. Habemus similique te sed. Probatus conclusionemque per te, eu dolor eripuit vivendo pri. Vel nisl torquatos conceptam ad. Cum nostrum maluisset prodesset ad, duo minimum molestiae ei. Fugit inani admodum ea est.');
});
ready
.html().append()
$('button').click(function(){
  $('.world').html('').append('Per at deleniti scribentur. Habemus similique te sed. Probatus conclusionemque per te, eu dolor eripuit vivendo pri. Vel nisl torquatos conceptam ad. Cum nostrum maluisset prodesset ad, duo minimum molestiae ei. Fugit inani admodum ea est.');
});
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.