Test jQuery - multiples elements selection (V2)

Benchmark created on February 7, 2024

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

$(".teste1").hide()
$(".teste2").hide()
$(".teste3").hide()

$(".teste1, .teste2, .teste3").hide()

$(".teste1").add(".teste2").add(".teste3").hide()

$(".meu-form").filter(".teste1", ".teste2", ".teste3").hide()

$(".teste1, .teste2, .teste3", ".meu-form").hide()

$(".meu-form").find(".teste1, .teste2, .teste3").hide()

Revisions

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

• Revision 1: published on February 7, 2024