Run details:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.181 Safari/537.36
Chrome 66
Mac OS X 10.13.3
Other
6 years ago
Test name Executions per second
getElementsByClassName 3637227.2 Ops/sec
querySelector 320583.0 Ops/sec
speed find 1041159.3 Ops/sec
selector 605474.8 Ops/sec
j 344037.2 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')
  • j

     
    $(document.getElementsByClassName("div1"))