$() vs. find() vs. children() (v2)

Revision 2 of this benchmark created on August 26, 2010

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<div id="container">
<p class="ehh">yo</p>
<p class="meh">yo</p>
<div class="ehh">yo</div>
<div class="meh">yo</div>
<p class="ehh"><em class="ehh">yo</em></p>
<p class="meh"><em class="meh">yo</em></p>
<p class="ehh">yo</p>
<p class="meh">yo</p>
<div class="ehh">yo</div>
<div class="meh">yo</div>
<p class="ehh"><em class="ehh">yo</em></p>
<p class="meh"><em class="meh">yo</em></p>
<p class="ehh">yo</p>
<p class="meh">yo</p>
<div class="ehh">yo</div>
<div class="meh">yo</div>
<p class="ehh"><em class="ehh">yo</em></p>
<p class="meh"><em class="meh">yo</em></p>
<p class="ehh">yo</p>
<p class="meh">yo</p>
<div class="ehh">yo</div>
<div class="meh">yo</div>
<p class="ehh"><em class="ehh">yo</em></p>
<p class="meh"><em class="meh">yo</em></p>
<p class="ehh">yo</p>
<p class="meh">yo</p>
<div class="ehh">yo</div>
<div class="meh">yo</div>
<p class="ehh"><em class="ehh">yo</em></p>
<p class="meh"><em class="meh">yo</em></p>
</div>
<script>
  var $container = $("#container");
</script>

Test runner

$("#container p.ehh");

$container.find("p.ehh");

$container.children("p.ehh");

$("#container > p.ehh");

Revisions

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

• Revision 1: published by willh on August 25, 2010
• Revision 2: published on August 26, 2010