jQuery children vs find (v70)

Revision 70 of this benchmark created on

Description

This testcase compares the performance of .children() and .find()

Preparation HTML

<ul id="test">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul><script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Setup

var $ul = $("#test");

Test runner

Ready to run.

Testing in
TestOps/sec
$(children)
var $lis = $("#test li");
ready
find(chlidren)
var $lis = $ul.find("> li");
ready
children()
var $lis = $ul.children();
ready
$(children, context)
var $lis = $("> li", $ul);
ready
find(all)
var $lis = $ul.find("li");
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.