Benchmark: jQuery class selector

HTML Preparation code:

<div id='curBody1'>
  <div>
    <span>
      <div>
        This is a div we're NOT looking for.
      </div>
    </span>
  </div>
</div>
<div id='curBody2'>
  <div>
    <span>
      <div class='desired-element'>
        This is the div we're looking for.
      </div>
    </span>
  </div>
</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

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:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!

Related benchmarks:

jQuery class selector
jQuery class selector
jQuery class selector
JQuery: find vs selector vs scoped selector - Class

jQuery class selector (version: 0)

This will test the difference between selecting an element using its class vs getting a handle on the parent element and then navigating to the child.

Comparing performance of: Id and class chaining selector vs Class selector only vs Id selector then .find

Created: 9 years ago by: Guest

Jump to the latest result

Id and class chaining selector

Class selector only

Id selector then .find

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

No previous run results