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

Revision 14 of this benchmark created by themoonrat on

Preparation HTML

<script src="https://code.jquery.com/jquery-2.1.0.min.js">
</script>
<script>
var cachedJquery = $('#id');
</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()
cachedJquery.text("MOONRAT");
ready
innerText
cachedJquery[0].innerText = "MOONRAT";
ready
innerHTML
cachedJquery[0].innerHTML = "MOONRAT";
ready

Revisions

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