Benchmark: Jquery versions Benchmarch (latest - 3.5.1 take 2)

HTML Preparation code:

<div id="idSelector"></div>
<div class="classSelector"></div>
<ul id="iteration">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>
<div id="cssGetter" style="color: black;"></div>
<div id="cssSetter" style="color: black;"></div>
<div id="find">
    <span></span>
    <div>
        <strong></strong>
    </div>
</div>


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
</script>
<script>
  var $jq351 = $.noConflict(true);
</script>

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
  var $jq18 = $.noConflict(true);
</script>

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
  var $jq19 = $.noConflict(true);
</script>

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
</script>
<script>
  var $jq112 = $.noConflict(true);
</script>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js">
</script>
<script>
  var $jq224 = $.noConflict(true);
</script>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js">
</script>
<script>
  var $jq300 = $.noConflict(true);
</script>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js">
</script>
<script>
  var $jq311 = $.noConflict(true);
</script>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
</script>
<script>
  var $jq321 = $.noConflict(true);
</script>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
  var $jq331 = $.noConflict(true);
</script>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>
<script>
  var $jq341 = $.noConflict(true);
</script>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.0/jquery.min.js">
</script>
<script>
  var $jq350 = $.noConflict(true);
</script>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
</script>
<script>
  var $jq351_2 = $.noConflict(true);
</script>

Script Preparation code:

function tests($) {
  // Filter Next
  $('#iteration li').filter(':first').next();
  
  // Filter Prev
  $('#iteration li').filter(':last').prev();
  
  // Non-existant Class
  $('.someClass');
  
  // Non-existant ID
  $('#someID');
  
  // Find
  $('#find').find('strong');
  
  // Set color
  $('#cssSetter').css('color', 'red');
  
  // Get color
  $('#cssGetter').css('color');
  
  // Iteration
  $('#iteration li').each(function(i, e) {
    i++;
  });
  
  // Class selector
  $('.classSelector');
  
  // ID selector
  $('#idSelector');
}

Tests:

1.8.3
tests($jq18);
1.9.1
tests($jq18);
1.12.14
tests($jq112);
2.2.4
tests($jq224);
3.0.0
tests($jq300);
3.1.1
tests($jq311);
3.2.1
tests($jq321);
3.3.1
tests($jq331);
3.4.1
tests($jq341);
3.5.0
tests($jq350);
3.5.1 Take 2
tests($jq351);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
1.8.3
1.9.1
1.12.14
2.2.4
3.0.0
3.1.1
3.2.1
3.3.1
3.4.1
3.5.0
3.5.1 Take 2

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36

Browser/OS: Chrome 130 on Linux

View result in a separate tab

Test name	Executions per second
1.8.3	8737.5 Ops/sec
1.9.1	8772.6 Ops/sec
1.12.14	12410.9 Ops/sec
2.2.4	12592.1 Ops/sec
3.0.0	11897.7 Ops/sec
3.1.1	11726.6 Ops/sec
3.2.1	11768.3 Ops/sec
3.3.1	12285.1 Ops/sec
3.4.1	11840.9 Ops/sec
3.5.0	11658.4 Ops/sec
3.5.1 Take 2	11497.7 Ops/sec

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

LLMs can make mistakes. Check important info.

Related benchmarks:

Jquery versions Benchmarch (latest - 3.5.1 take 2) (version: 0)

SImple benchmark of jQuery versions

Comparing performance of: 1.8.3 vs 1.9.1 vs 1.12.14 vs 2.2.4 vs 3.0.0 vs 3.1.1 vs 3.2.1 vs 3.3.1 vs 3.4.1 vs 3.5.0 vs 3.5.1 Take 2

Created: 5 years ago by: Guest

Jump to the latest result

1.8.3

1.9.1

1.12.14

2.2.4

3.0.0

3.1.1

3.2.1

3.3.1

3.4.1

3.5.0

3.5.1 Take 2

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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