Run results for: jQuery versions through 4.00b2

Run details:

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

Browser: Chrome 131

Operating system: Windows

Device Platform: Desktop

Date tested: 3 months ago

Test name	Executions per second
Test jQuery 1.7.1	45639.2 Ops/sec
Test jQuery 2.2.4	63200.5 Ops/sec
Test jQuery 3.3.1	62957.4 Ops/sec
Test jQuery 3.4.1	58892.3 Ops/sec
Test jQuery 3.6.0	56584.0 Ops/sec
Test jQuery 3.7.1	56045.0 Ops/sec
Test jQuery 4.0.0 beta 2	57485.3 Ops/sec

HTML Preparation code:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script>
  var $jq171 = $.noConflict(true);
</script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js'></script>
<script>
  var $jq1113 = $.noConflict(true);
</script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js'></script>
<script>
  var $jq1124 = $.noConflict(true);
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script>
  var $jq224 = $.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://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
  var $jq341 = $.noConflict(true);
</script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  var $jq360 = $.noConflict(true);
</script>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
  var $jq371 = $.noConflict(true);
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/4.0.0-beta.2/jquery.min.js"></script>
<script>
  var $jq400b2 = $.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:

Test jQuery 1.7.1
tests($jq171);
Test jQuery 2.2.4
tests($jq224);
Test jQuery 3.3.1
tests($jq331);
Test jQuery 3.4.1
tests($jq341);
Test jQuery 3.6.0
tests($jq360);
Test jQuery 3.7.1
tests($jq371);
Test jQuery 4.0.0 beta 2
tests($jq400b2);

Run results for: jQuery versions through 4.00b2

benchmark different versions of jquery

Test jQuery 1.7.1

Test jQuery 2.2.4

Test jQuery 3.3.1

Test jQuery 3.4.1

Test jQuery 3.6.0

Test jQuery 3.7.1

Test jQuery 4.0.0 beta 2