MeasureThat.net

Run results for: jquery 2.2.4 vs 2.1.1

Comparing performance of: jquery 2.2.4 vs 2.1.1

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36
Chrome 131
Windows
Desktop
5 months ago
Test name Executions per second
jquery 2.2.4 10670.6 Ops/sec
jquery 2.1.1 10728.0 Ops/sec
HTML Preparation code:
AخA
 
1
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
2
<script>
3
  var $jq224 = $.noConflict(true);
4
</script>
5
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
6
<script>
7
  var $jq211 = $.noConflict(true);
8
</script>
9
<div>
10
  <ul id="menu">
11
    <li class="menu-item">1</li>
12
    <li class="menu-item">2</li>
13
    <li class="menu-item">3</li>
14
    <li class="menu-item">4</li>
15
    <li class="menu-item">5</li>
16
    <li class="menu-item">6</li>
17
    <li class="menu-item">7</li>
18
    <li class="menu-item">7</li>
19
    <li class="menu-item">7</li>
20
    <li class="menu-item">7</li>
21
    <li class="menu-item">7</li>
22
        <li class="menu-item">7</li>
23
        <li class="menu-item">7</li>
24
        <li class="menu-item">7</li>
25
        <li class="menu-item">7</li>
26
        <li class="menu-item">7</li>     <li class="menu-item">7</li>
27
        <li class="menu-item">7</li>
28
        <li class="menu-item">7</li>
29
        <li class="menu-item">7</li>     <li class="menu-item">7</li>
30
        <li class="menu-item">7</li>
31
        <li class="menu-item">7</li>
32
        <li class="menu-item">7</li>
33
        <li class="menu-item">7</li>
34
        <li class="menu-item">7</li>
35
        <li class="menu-item">7</li>
36
        <li class="menu-item">7</li>
37
        <li class="menu-item">7</li>
38
        <li class="menu-item">7</li>
39
        <li class="menu-item">7</li>
40
        <li class="menu-item">7</li>
41
        <li class="menu-item">7</li>
42
        <li class="menu-item">7</li>
43
        <li class="menu-item">7</li>
44
        <li class="menu-item">7</li>
45
        <li class="menu-item">7</li>
46
    <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>  <li class="menu-item">7</li>
47
  </ul>
48
</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 2.2.4

     
    tests($jq224);

  • jquery 2.1.1

     
    tests($jq211);