Run results for: jQuery vs pure JS : html

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36

Browser: Chrome 135

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Benchmark engine: Benchmark.js

pure JS

11K/s

jQuery

6K/s

View exact numbers

Test name	Executions per second
✓ pure JS	11,442 Ops/sec
jQuery	5,848 Ops/sec

HTML Preparation code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

Script Preparation code:

var frag = document.createDocumentFragment();
for (var i=0; i<100; i++){
  var inDiv = document.createElement('span');
  inDiv.id="s_"+i;
  inDiv.innerHTML = 'bla';
  inDiv.className = 'myclass';
  frag.appendChild(inDiv);
}
document.body.appendChild(frag);

Tests:

jQuery
$('span.myclass').each(function () { $(this).html('x'); });
pure JS
$('span.myclass').each(function () { this.innerHTML = 'y'; });

Run results for: jQuery vs pure JS : html

innerHTML vs html

jQuery

pure JS