Run results for: Get element by ID: jQuery vs getElementById vs querySelector

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.113 Safari/537.36

Browser: Chrome 60

Operating system: Linux

Device Platform: Other

Date tested: 6 years ago

Test name	Executions per second
jQuery	764683.4 Ops/sec
getElementById	2894521.0 Ops/sec
querySelector	2394152.0 Ops/sec

HTML Preparation code:

<div><p>Test</p><div><p>Test</p></div></div><div><div><div><p>Test</p></div><div><p>Test</p></div><div><p>Test</p></div><div id="content"></div></div></div>

Tests:

jQuery
var el = $('#content');
getElementById
var el = document.getElementById('content');
querySelector
var el = document.querySelector('#content')