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

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

JavaScript performance comparison

Revision 164 of this test case created by Yohan Siguret

Preparation code 

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

<article>
	<p>A test</p>
	<p><ins></ins></p>
	<p>This is text</p>
</article>

<p><ins></ins></p>

<article>
	<p>A test</p>
	<p><ins></ins></p>
	<p>This is text</p>
</article>
 

<p><ins></ins></p>

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

      <script>

        Benchmark.prototype.setup = function() {

          
  var $article = $('article');
  var article = $article[0];

        
  };


      
</script>

Preparation code output

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

Test runner

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

Java applet disabled.

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

A test

This is text

A test

This is text

A test

This is text

A test

This is text

A test

This is text

A test

This is text

A test

This is text

A test

This is text

A test

This is text