Run results for: jQuery versions (1.7.1 to 4.0.0b)

Run details:

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

Browser: Firefox 129

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test jQuery 1.7.1

135K/s

Test jQuery 1.11.3

116K/s

Test jQuery 2.2.4

107K/s

Test jQuery 1.12.4

105K/s

Test jQuery 3.3.1

47K/s

Test jQuery 3.4.1

47K/s

Test jQuery 4.0.0

32K/s

Test jQuery 3.6.0

18K/s

View exact numbers

Test name	Executions per second
✓ Test jQuery 1.7.1	134,740 Ops/sec
Test jQuery 1.11.3	115,593 Ops/sec
Test jQuery 2.2.4	106,799 Ops/sec
Test jQuery 1.12.4	105,039 Ops/sec
Test jQuery 3.3.1	47,215 Ops/sec
Test jQuery 3.4.1	46,950 Ops/sec
Test jQuery 4.0.0	31,650 Ops/sec
Test jQuery 3.6.0	18,186 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-4.0.0-beta.min.js"></script>
<script>
	var $jq400 = $.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 4.0.0
tests($jq400);