Benchmark: Jquery Context vs Normal Selector

HTML Preparation code:

<div id="list">
  <p class="list-item">1</p>
  <p class="list-item">2</p>
  <p class="list-item">3</p>
  <p class="list-item">4</p>
  <p class="list-item">5</p>
  <p class="list-item">6</p>
  <p class="list-item">7</p>
  <p class="list-item">8</p>
  <p class="list-item">9</p>
  <p class="list-item">10</p>
  <p class="list-item">11</p>
  <p class="list-item">12</p>
  <p class="list-item">13</p>
  <p class="list-item">14</p>
  <p class="list-item">15</p>
  <p class="list-item">16</p>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>

Tests:

Context
$('.item', '#list').text('Item');
Selector
$('#list .item').text('Item');
Single-Level Selector
$('#list > .item').text('Item');
Find
$('#list').find('.item').text('Item');

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Context
Selector
Single-Level Selector
Find

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 Context vs Normal Selector (version: 0)

Using jquery context vs normal nested selector

Comparing performance of: Context vs Selector vs Single-Level Selector vs Find

Created: 4 years ago by: Guest

Jump to the latest result

Context

Selector

Single-Level Selector

Find

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

No previous run results