HTML Preparation code:
AخA
 
1
<div id='curBody1'>
2
  <div>
3
    <span>
4
      <input type='button'/>
5
    </span>
6
  </div>
7
</div>
8
<div id='curBody2'>
9
  <div>
10
    <span>
11
      <input type='button' class='desired-element'/>
12
    </span>
13
  </div>
14
</div>
Script Preparation code:
 
var curElement = null;
Tests:
  • Id and class chaining selector

     
    curElement = $('#curBody2 .desired-element');
  • Class selector only

     
    curElement = $('.desired-element');
  • Id selector then .find

     
    curElement = $('#curBody2').find('.desired-element');
Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Experimental features:

  • Test case name Result
    Id and class chaining selector
    Class selector only
    Id selector then .find

    Fastest: N/A

    Slowest: N/A

Latest run results:
Run details: (Test run date: 8 years ago)
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36
Chrome 52 on Windows
View result in a separate tab
Test name Executions per second
Id and class chaining selector 111136.4 Ops/sec
Class selector only 538559.9 Ops/sec
Id selector then .find 399760.0 Ops/sec