Run results for: jQuery 2.2.0 vs Vanilla JS SetText Speed Test

Run details:

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 17_4_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.4.1 Mobile/15E148 Safari/604.1

Browser: Mobile Safari 17

Operating system: iOS 17.4.1

Device Platform: Mobile

Date tested: 8 months ago

Test name	Executions per second
Pure JS .innerText	6565932.0 Ops/sec
Pure JS .innerHTML	5159808.0 Ops/sec
Pure JS .textContent	6265722.5 Ops/sec
jQuery .text()	2034201.8 Ops/sec
jQuery .html()	2100714.0 Ops/sec
jQuery .find()	1334961.5 Ops/sec
jQuery .find().html()	1004839.8 Ops/sec

HTML Preparation code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<div id="foo">Hello World</div>

Tests:

Pure JS .innerText
var el = document.getElementById("foo"); el.innerText = "New Hello World";
Pure JS .innerHTML
var el = document.getElementById("foo"); el.innerHTML = "New Hello World";
Pure JS .textContent
var el = document.getElementById("foo"); el.textContent = "New Hello World";
jQuery .text()
$("#foo").text("New Hello World");
jQuery .html()
$("#foo").html("New Hello World");
jQuery .find()
$(document).find("#foo").text("New Hello World");
jQuery .find().html()
$(document).find("#foo").html("New Hello World");

Run results for: jQuery 2.2.0 vs Vanilla JS SetText Speed Test

Pure JS .innerText vs Pure JS .innerHTML vs Pure JS .textContent vs jQuery .text() vs jQuery .html() vs jQuery .find() vs jQuery .find().html()

Pure JS .innerText

Pure JS .innerHTML

Pure JS .textContent

jQuery .text()

jQuery .html()

jQuery .find()

jQuery .find().html()