jquery css Height vs method Height (v7)

Revision 7 of this benchmark created on

Preparation HTML

<!doctype html>
<html>
  
  <head>
    <meta charset="UTF-8">
    <title>
      無題ドキュメント
    </title>
  </head>
  
  <body>
    <div id="test">
    </div>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
    </script>
  </body>

</html>

Test runner

Ready to run.

Testing in
TestOps/sec
css method _01
$(function() {
  var test = $("#test");
  test.css("height", 500);
})
ready
css method _02
$(function() {
  var test = $("#test");
  test.css({
    height: 500
  });
})
ready
height method
$(function() {
  var test = $("#test");
  test.height(500);
})
ready
mothos 4
$(function(){
document.getElementById('#test').style.height = 500;
});
ready

Revisions

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