document.getElementById VS Jquery $('#') (v13)

Revision 13 of this benchmark created by Joe on

Description

Comparison for $('#idSelector') VS document.getElementById('');

Preparation HTML

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

Test runner

Ready to run.

Testing in
TestOps/sec
Javascript
document.getElementById('foo').innerHTML = "Hi";
ready
jQuery
$('#foo').innerHTML = "Hi";
ready
jQuery + JS
$(document.getElementById('foo')).innerHTML = "Hi";
ready
test4
var bar = document.getElementById('foo');
bar.innerHTML = "Hi";
ready

Revisions

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