jQuery .css("height") vs style.height (v10)

Revision 10 of this benchmark created on


Description

Jquery vs DOM!

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="test" class="test"><h1>abcabcabc</h1></div>

Setup

var h = 0;
    var item=$("div.test");
    var item2=document.getElementById("test");

Test runner

Ready to run.

Testing in
TestOps/sec
.css("height")
 h = item.css("height");
ready
.style.height
h = item2.style.height + "px";
ready
.height
 h = item.height();
ready
css("padding")
 h = item.css("padding");
ready
.style.padding
h = item2.style.padding + "px";
ready

Revisions

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