getElementById VS jQuery('#id') (v115)

Revision 115 of this benchmark created on

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<p id="foo">
  Test
</p>

Setup

var x = $(document);

Test runner

Ready to run.

Testing in
TestOps/sec
getElementById
var x = document.getElementById('foo');
ready
jQuery selector
var x = $('#foo');
ready
pass getElementById() to jQuery
var x = $(document.getElementById('foo'));
ready
getElementById reusing cached object
x[0] = document.getElementById("foo");
ready

Revisions

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