Test jQuery - multiples elements selection

Benchmark created on

Description

-

Preparation HTML

<div class="meu-form">

    <p>teste</p>
    <p>teste2</p>
    <p class="paragraph">teste3</p>
    <p>teste</p>
    <p>teste2</p>
    <p class="paragraph">teste3</p>

    <h1>teste</h1>
    <h2>teste</h2>
    <h3>teste</h3>

    <div>
        <h1>teste</h1>
        <h1 clas="teste1">teste</h1>
        <h2>teste</h2>
        <h3>teste</h3>
    </div>

    <h1>teste</h1>
    <h1>teste</h1>
    <h2>teste</h2>
    <h3>teste</h3>

    <h1>teste</h1>
    <h1 class="teste2">teste</h1>
    <h2>teste</h2>
    <h3>teste</h3>

    <h1>teste</h1>
    <h1 class="teste3">teste</h1>
    <h2>teste</h2>
    <h3>teste</h3>

</div>

<h1>teste</h1>
<h2>teste</h2>
<h3>teste</h3>

<h1>teste</h1>
<h2>teste</h2>
<h3>teste</h3>

<h1>teste</h1>
<h2>teste</h2>
<h3>teste</h3>

<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>

Test runner

Ready to run.

Testing in
TestOps/sec
Singles
$(".teste1").hide()
$(".teste2").hide()
$(".teste3").hide()
ready
Nested
$(".teste1, .teste2, .teste3").hide()
ready
Add
$(".teste1").add(".teste2").add(".teste3").hide()
ready
Filter
$(".meu-form").filter(".teste1", ".teste2", ".teste3").hide()
ready
Context
$(".teste1, .teste2, .teste3", ".meu-form").hide()
ready
Find
$(".meu-form").find(".teste1, .teste2, .teste3").hide()
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.