Run details:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36
Chrome 65
Linux
Other
6 years ago
Test name Executions per second
getElementsByClassName 2255362.8 Ops/sec
querySelector 143837.8 Ops/sec
speed find 405974.2 Ops/sec
selector 251956.0 Ops/sec
HTML Preparation code:
AخA
 
1
<div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div> <div class="div1"><span>stuff</span><span>stuff</span><span>stuff</span><span>stuff</span><span>stuff</span><span>stuff</span><span>stuff</span><span>stuff</span><span>stuff</span><h1>H1</h1><span>stuff</span><span>stuff</span><span>stuff</span><span>stuff</span><span>stuff</span><span>stuff</span><h2>h2</h2></div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div><div>stuff</div>
Tests:
  • getElementsByClassName

     
    document.getElementsByClassName("div1");
  • querySelector

     
    document.querySelector(".div1")
  • speed find

     
    $.find('.div1')
  • selector

     
    $('.div1')