jQuery -- innerHTML === "" vs is(":empty" (v16)

Revision 16 of this benchmark created on

Preparation HTML

<script src="https://code.jquery.com/jquery-2.1.0.min.js">
</script>
<div class="test-element">
</div>
<div id="id" class="test-element">
</div>
<div class="test-element">
</div>
<div class="test-element">
</div>
<div class="test-element">
</div>

Test runner

Ready to run.

Testing in
TestOps/sec
jQuery .html()
$('#id').html() === "";
ready
jQuery .is(":empty")
$('#id').is(":empty") === true;
ready
innerHTML
 $('#id')[0].innerHTML === "";
ready
contents
!! $('#id').contents()[0];
ready
jQuery .html() v2
!! $('#id').html();
ready

Revisions

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