Benchmark: jquery $(querySelectorAll) vs $(".class")

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.js'></script>
<div>
    <ul id="menu">
        <li class="menu-item">
        </li>
        <li class="menu-item">
        </li>
        <li class="menu-item">
        </li>
        <li class="menu-item">
        </li>

    </ul>
</div>

Script Preparation code:

const elem = $(".menu-item");

Tests:

querySelectorAll
if ($(document.querySelectorAll(".test")).css("opacity") == "0.2") $(document.querySelectorAll(".test")).css("opacity", "1"); else $(document.querySelectorAll(".test")).css("opacity", "0.2");
$(".class")
if ($(".test").css("opacity") == "0.2") $(".test").css("opacity", "1"); else $(".test").css("opacity", "0.2");
$(elem)
if ($(elem).css("opacity") == "0.2") $(elem).css("opacity", "1"); else $(elem).css("opacity", "0.2");

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
querySelectorAll
$(".class")
$(elem)

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36 Edg/135.0.0.0

Browser/OS: Chrome 135 on Windows

View result in a separate tab

Test name	Executions per second
querySelectorAll	324032.4 Ops/sec
$(".class")	232215.9 Ops/sec
$(elem)	31191.8 Ops/sec

Related benchmarks:

jquery $(querySelectorAll) vs $(".class") (version: 1)

Comparing performance of: querySelectorAll vs $(".class") vs $(elem)

Created: one year ago by: Guest

Jump to the latest result

querySelectorAll

$(".class")

$(elem)

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A