Run results for: JQuery 3.x Test

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36

Browser: Chrome 107

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
JQuery 3.6.1	28503.9 Ops/sec
JQuery 3.5.1	27637.8 Ops/sec
JQuery 3.4.1	26269.5 Ops/sec
JQuery 3.3.1	28550.7 Ops/sec
JQuery 3.2.1	31447.3 Ops/sec

HTML Preparation code:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js'></script>
<script>
  var $jq361 = $.noConflict(true);
</script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
<script>
  var $jq351 = $.noConflict(true);
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  var $jq341 = $.noConflict(true);
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
  var $jq331 = $.noConflict(true);
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
  var $jq321 = $.noConflict(true);
</script>
<div>
  <ul id="menu">
    <li class="menu-item">1</li>
    <li class="menu-item">2</li>
    <li class="menu-item">3</li>
    <li class="menu-item">4</li>  
  </ul>
</div>

Script Preparation code:

function tests($) {
    $(".menu-item").eq(2).closest("ul").css({
      "background-color": "red"
    }).parent().css({
      "border": "1px solid blue"
    }).append($("<p></p>").text("Text.").css({
      "background-color": "green"
    })).end().end().remove();
  console.log('tests' + $);
}

Tests:

JQuery 3.6.1
tests($jq361);
JQuery 3.5.1
tests($jq351);
JQuery 3.4.1
tests($jq341);
JQuery 3.3.1
tests($jq331);
JQuery 3.2.1
tests($jq321);

Run results for: JQuery 3.x Test

Benchmark Comparison between Jquery 3.x

JQuery 3.6.1

JQuery 3.5.1

JQuery 3.4.1

JQuery 3.3.1

JQuery 3.2.1