Benchmark: jQuery 3.6.0 vs Vanilla JS

HTML Preparation code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<div class="test">blah</div>
<div id="test">blah</div>

Tests:

Vanilla JS ID test
document.querySelector('#test').classList.add('fuck');
Vanilla JS Class test
document.querySelector('.test').classList.add('fuck');
jQuery ID Test
$('#test').addClass('fuck');
jQuery Class Test
$('.test').addClass('fuck');

Historical Performance Data aggregated from 6 community runs

Desktop Results:

Chrome 6 runs

Vanilla JS Class test

2.7M/s

Vanilla JS ID test

2.5M/s

jQuery ID Test

943K/s

jQuery Class Test

586K/s

Fastest: Vanilla JS Class test (4.6x faster)

View exact numbers

✓ Vanilla JS Class test: 2,713,664 ops/sec
• Vanilla JS ID test: 2,493,677 ops/sec
• jQuery ID Test: 943,415 ops/sec
• jQuery Class Test: 586,480 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Vanilla JS ID test
Vanilla JS Class test
jQuery ID Test
jQuery Class Test

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 2 days ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:140.0) Gecko/20100101 Firefox/140.0

Browser/OS: Firefox 140 on Windows

View result in a separate tab

Vanilla JS ID test

5.6M/s

Vanilla JS Class test

5.4M/s

jQuery ID Test

4.7M/s

jQuery Class Test

2.3M/s

View exact numbers

Test name	Executions per second
✓ Vanilla JS ID test	5,647,026 Ops/sec
Vanilla JS Class test	5,368,334 Ops/sec
jQuery ID Test	4,736,510 Ops/sec
jQuery Class Test	2,254,786 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

LLMs can make mistakes. Check important info.

**Overview**

The provided benchmark compares the execution performance of vanilla JavaScript (Vanilla JS) and jQuery in various scenarios.

**Benchmark Definition JSON**

The `Script Preparation Code` specifies that jQuery 3.6.0 is included in the HTML file, while the `Html Preparation Code` sets up two identical elements with classes and IDs for testing.

**Individual Test Cases**

Each test case defines a different scenario to compare Vanilla JS and jQuery:

1. **Vanilla JS ID test**: Verifies if jQuery's `document.querySelector('#test')` can add a class (`'fuck'`) to an element identified by its ID.
2. **Vanilla JS Class test**: Checks if jQuery's `document.querySelector('.test')` can add a class (`'fuck'`) to an element identified by its class name.
3. **jQuery ID Test**: Verifies if Vanilla JS's equivalent `document.querySelector('#test')` can add a class (`'fuck'`) to an element identified by its ID (in this case, jQuery is forced into Vanilla JS mode).
4. **jQuery Class Test**: Similar to the previous test, but with a class name instead of an ID.

**Options Compared**

The main options being compared are:

* Using jQuery's `document.querySelector()` method
* Using vanilla JavaScript's equivalent methods (`document.getElementById()`, `document.getElementsByClassName()`)

jQuery 3.6.0 vs Vanilla JS (version: 0) Benchmark.js

Comparing performance of: `Vanilla JS ID test vs Vanilla JS Class test vs jQuery ID Test vs jQuery Class Test`

Created: 4 years ago by: Guest

Go to the latest result

Vanilla JS ID test

Vanilla JS Class test

jQuery ID Test

jQuery Class Test

Historical Performance Data aggregated from 6 community runs

Desktop Results:

Chrome 6 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

jQuery 3.6.0 vs Vanilla JS (version: 0) Benchmark.js

Comparing performance of: Vanilla JS ID test vs Vanilla JS Class test vs jQuery ID Test vs jQuery Class Test

Created: 4 years ago by: Guest

Go to the latest result

Vanilla JS ID test

Vanilla JS Class test

jQuery ID Test

jQuery Class Test

Historical Performance Data aggregated from 6 community runs

Desktop Results:

Chrome 6 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

Related benchmarks

Comparing performance of: `Vanilla JS ID test vs Vanilla JS Class test vs jQuery ID Test vs jQuery Class Test`