Run results for: jQuery versions through 371

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:134.0) Gecko/20100101 Firefox/134.0

Browser: Firefox 134

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: one month ago

Test name	Executions per second
Test jQuery 1.7.1	146017.8 Ops/sec
Test jQuery 1.11.3	117903.4 Ops/sec
Test jQuery 1.12.4	103743.9 Ops/sec
Test jQuery 2.2.4	155703.3 Ops/sec
Test jQuery 3.3.1	89627.7 Ops/sec
Test jQuery 3.4.1	170051.7 Ops/sec
Test jQuery 3.6.0	138194.8 Ops/sec
Test jQuery 3.7.1	164725.1 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>
<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 1.11.3
tests($jq1113);
Test jQuery 1.12.4
tests($jq1124);
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);

Run results for: jQuery versions through 371

benchmark different versions of jquery

Test jQuery 1.7.1

Test jQuery 1.11.3

Test jQuery 1.12.4

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