Benchmark: Jquery select test

HTML Preparation code:

<div id="my-id">
    <div class="grand">
        <div class="parent"> Awesome stuff! </div>
        <div class="my-class">
            <p> I like carrots! </p>
        </div>
    </div>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>

Tests:

1
$(' div#my-id div.grand div.parent div.my-class ').css("background-color", "#cccccc"); //case-1
2
$(' #my-id .grand .parent div.my-class ').css("background-color", "#cccccc"); //case-2
3
$(' #my-id .grand .parent .my-class ').css("background-color", "#cccccc"); //case-3
4
$(' div#my-id div.my-class ').css("background-color", "#cccccc"); //case-4
5
$(' #my-id div.my-class ').css("background-color", "#cccccc"); //case-5
6
$(' #my-id .my-class ').css("background-color", "#cccccc"); //case-6
7
$(' div.my-class ').css("background-color", "#cccccc"); //case-7
8
$(' .my-class ').css("background-color", "#cccccc"); //case-8
9
$(document.getElementsByClassName("my-class")).css("background-color", "#cccccc");

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
1
2
3
4
5
6
7
8
9

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 select test (version: 0)

Comparing performance of: 1 vs 2 vs 3 vs 4 vs 5 vs 6 vs 7 vs 8 vs 9

Created: 4 years ago by: Guest

Jump to the latest result

1

2

3

4

5

6

7

8

9

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

No previous run results