Run results for: jQuery Version Test2

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36

Browser: Chrome 129

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
1.11.3	1.3 Ops/sec
1.12.4	1.2 Ops/sec
2.2.4	1.2 Ops/sec
3.3.1	1.2 Ops/sec
3.4.1	1.0 Ops/sec
3.6.0	1.1 Ops/sec
3.7.1	1.1 Ops/sec

HTML Preparation code:


<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>

<table>
    <tbody id="tblList">
    </tbody>
</table>

Script Preparation code:

function test($) {
    // 동적생성
    $("#tblList").empty();

    const rows = [];
    for (let i = 0; i < 100; i++) {
        const item = `<tr data-id="id${i}" data-seq="${i}">
                    <td><input type="checkbox" data-id="chk${i}" data-name="NAME${i}"> </td>
                    <td>
                        <select data-id="chk${i}" data-name="NAME${i}">
                            <option value="${i}">ITEM${i}</option>
                            <option value="${i+1}">ITEM${i+1}</option>
                            <option value="${i+2}">ITEM${i+2}</option>
                            <option value="${i+3}">ITEM${i+3}</option>
                            <option value="${i+4}">ITEM${i+4}</option>
                        </select>
                    </td>
                    <td><span data-id="chk${i}" data-name="NAME${i}">ITEM_${i}</span></td>
                    <td><input type="text" class="text" value="${i*100}" data-id="chk${i}" data-name="NAME${i}"></td>
                    <td><input type="button" value="BTN${i}" data-id="chk${i}" data-name="NAME${i}"></td>
                </tr>`;
        rows.push($(item));
    }
    $("#tblList").append(rows);

    let cnt = 0;
    // 동적 selector get/set
    for (let i = 0; i < 100; i++) {
        const idx = parseInt(Math.random() * 100);
        const tt = $("#tblList > tr").eq(idx).find("select").length;
        if(tt > 0){
          cnt ++;
        }
      
        const tt1 = $("#tblList > tr").eq(idx).find("input").length;
        $("#tblList > tr").eq(idx).find("input").val(i); 
       if(tt1 > 0){
          cnt ++;
        }
    }

    
	$("#tblList").empty();
    
    console.log('tests' + $);
}

Tests:

1.11.3
test($jq1113);
1.12.4
test($jq1124);
2.2.4
test($jq224);
3.3.1
test($jq331);
3.4.1
test($jq341);
3.6.0
test($jq360);
3.7.1
test($jq371);