Benchmark: jQuery find with class selector vs jQuery find with attr selector

HTML Preparation code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<div id="el" class="asdf" data-slot='asdf'></div>
<div id="el" class="case with multiple test classes" data-slot='test'></div>

Tests:

jQuery class selector, element with single class
$(".asdf");
jQuery class selector, element with multiple classes
$(".test");
jQuery attribute selector
$(`[data-slot]`);
jQuery attribute selector matching value
$(`[data-slot="asdf"]`);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
jQuery class selector, element with single class
jQuery class selector, element with multiple classes
jQuery attribute selector
jQuery attribute selector matching value

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

No previous run results

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

jQuery find with class selector vs jQuery find with attr selector (version: 0)

Comparing performance of: jQuery class selector, element with single class vs jQuery class selector, element with multiple classes vs jQuery attribute selector vs jQuery attribute selector matching value

Created: one year ago by: Guest

Jump to the latest result

jQuery class selector, element with single class

jQuery class selector, element with multiple classes

jQuery attribute selector

jQuery attribute selector matching value

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

No previous run results