jquery selector

JavaScript performance comparison

Test case created

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<div id="main" class="container">
  <a class="link">text</a>
  <a class="link">text</a>
  <a class="link">text</a>
  <a class="link">text</a>
  <a class="link">text</a>
  <a class="link">text</a>
  <a class="link">text</a>
</div>

Preparation code output

Test runner

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

Java applet disabled.

Testing in unknown unknown
Test Ops/sec
$('.container').find('.link')
$('.container').find('.link')
pending…
$('.container .link')
$('.container .link')
pending…
$('.container a.link')
$('.container a.link')
pending…
$('.container > .link')
$('.container > .link')
pending…
$('.container > a.link')
$('.container > a.link')
pending…
$('a.link')
$('a.link')
pending…
$('.link')
$('.link')
pending…
$('#main').find('.link')
$('#main').find('.link')
pending…
$('#main .link')
$('#main .link')
pending…
$('#main a.link')
$('#main a.link')
pending…
$('#main > a.link')
$('#main > a.link')
pending…
$('#main > .link')
$('#main > .link')
pending…

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

Compare results of other browsers

0 comments

Add a comment