Run results for: JQuery Speed Test

Run details:

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

Browser: Firefox 122

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

$jq331

298K/s

$jq1124

279K/s

$jq224

270K/s

View exact numbers

Test name	Executions per second
✓ $jq331	298,344 Ops/sec
$jq1124	279,399 Ops/sec
$jq224	269,786 Ops/sec

HTML Preparation code:

<script src='//code.jquery.com/jquery-1.12.4.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 type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
  var $jq331 = $.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"
    }).end().end().remove();
}

Tests:

$jq1124
tests($jq1124);
$jq224
tests($jq224);
$jq331
tests($jq331);