Benchmark: Show hide - MeasureThat.net

HTML Preparation code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<table id="table">
</table>
<script>
var n_rows = 10000
var rows = []
var table = document.createElement("table")
for (var i=0; i<n_rows; i++) {
    var content = document.createTextNode("Content");
    var td = document.createElement("td");
    var tr = document.createElement("tr");
    td.appendChild(content);
    tr.appendChild(td);
    table.appendChild(tr)
}
</script>

Script Preparation code:

var table = $("#table")
var hide = ["table "]
var show = ["table "]
var update = function() {
  var s = show.join(", ");
  var h = hide.join(", ");
  $(s).show()
  $(h).hide()
}

Tests:

For each
table.children().each(function (i, element) { if (i % 2 === 0) element.show() else element.hide() });
Selector
table.children().each(function (i, element) { if (i % 2 === 0) show.push("tr:nth-child("+i+")") else hide.push("tr:nth-child("+i+")") if(i === n_rows-1) update(); });

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
For each
Selector

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 2024 years ago)

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

Browser/OS: Chrome 63 on Mac OS X 10.13.2

View result in a separate tab

Test name	Executions per second
For each	1398837.0 Ops/sec
Selector	1408707.0 Ops/sec

Show hide (version: 0)

Comparing performance of: For each vs Selector

Created: 6 years ago by: Guest

Jump to the latest result

For each

Selector

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A