jQuery .find() vs.children selector vs. context selector

JavaScript performance comparison

Revision 105 of this test case created by

Preparation code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

<article>
	<div><p><em><a>A test</a></em></p></div>
	<div><p><ins></ins></p></div>
	<div><p><span><a>This is text</a></span></p></div>
</article>
      
<script>
Benchmark.prototype.setup = function() {
  var $article = $('article');

};
</script>

Preparation code output

<article> <div><p><em><a>A test</a></em></p></div> <div><p><ins></ins></p></div> <div><p><span><a>This is text</a></span></p></div> </article>

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
find method1
var has = $article.find('p').find('ins').length > 0 ? true : false;
pending…
find method2
var has = $article.find('p ins').length > 0 ? true : false;
pending…
find method3
var has = $article.find('p').children('ins').length > 0 ? true : false;
pending…
find method4
var has = $article.find('p > ins').length > 0 ? true : false;
pending…

Compare results of other browsers

Revisions

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

0 Comments

A test

This is text