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

Run details:

User agent: Mozilla/5.0 (Linux; Android 11; Mi 9 Lite) AppleWebKit/537.36 (KHTML, like Gecko) SamsungBrowser/18.0 Chrome/99.0.4844.88 Mobile Safari/537.36

Browser: Chrome Mobile 99

Operating system: Android

Device Platform: Mobile

Date tested: 2 years ago

Test name	Executions per second
Pure JS .innerText	261528.2 Ops/sec
Pure JS .innerHTML	51997.0 Ops/sec
Pure JS .textContent	888588.9 Ops/sec
jQuery .text()	128173.5 Ops/sec
jQuery .html()	31249.7 Ops/sec
jQuery .find()	107715.8 Ops/sec
jQuery .find().html()	27421.2 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()