Run results for: jQuery height Vs Native height

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/138.0.0.0 Safari/537.36

Browser: Chrome 138

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Benchmark engine: Benchmark.js

native inline styling

23.8M/s

jquery inline styling

23.5M/s

Native offsetHeight (IE8+)

1.9M/s

jQuery CSS function

343K/s

jQuery height function

283K/s

View exact numbers

Test name	Executions per second
✓ native inline styling	23,769,052 Ops/sec
jquery inline styling	23,540,418 Ops/sec
Native offsetHeight (IE8+)	1,889,654 Ops/sec
jQuery CSS function	343,094 Ops/sec
jQuery height function	283,272 Ops/sec

HTML Preparation code:

<script
  src="https://code.jquery.com/jquery-3.4.0.min.js"
  integrity="sha256-BJeo0qm959uMBGb65z40ejJYGSgR7REI4+CW1fNKwOg="
  crossorigin="anonymous"></script>

<div id="target">
</div>

Script Preparation code:

  	var $target = $("#target");
  	var target = document.getElementById("target");

Tests:

jQuery CSS function
$target.css("height");
jQuery height function
$target.height();
jquery inline styling
$target[0].style.height;
native inline styling
target.style.height;
Native offsetHeight (IE8+)
target.offsetHeight;