jQuery .find() vs. context selector vs non-context selector

JavaScript performance comparison

Revision 122 of this test case created by

Preparation code

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.js"></script>

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

};
</script>

Preparation code output

<article> <p>A test</p> <p>This is text</p> <p>This is text</p> <p><ins></ins></p> <p>This is text</p> <p>This is text</p> <p><ins></ins></p> <p>This is text</p> <p>This is text</p> <p>This is text</p> <p><ins></ins></p> <p>This is text</p> <p>This is text</p> <p><ins></ins></p> <p>This is text</p> </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
cached scope method
var has = $body.find('ins').length > 0 ? true : false;
pending…
global method
var has = $('ins').length > 0 ? true : false;
pending…
uncached scope single selector
var has = $('body ins').length > 0 ? true : false;
pending…
uncached scope 2 selectors
var has = $('body').find('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

This is text

This is text

This is text

This is text

This is text

This is text

This is text

This is text

This is text