jquery selectors

Benchmark created by Pieter Vanderwerff on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="Element">
<ul>
<li><a href="#">content</a></li>
<li><a href="#">content</a></li>
<li class="current"><a href="#">content</a></li>
<li><a href="#">content</a></li>
<li><a href="#">content</a></li>
<li><a href="#">content</a></li>
<li><a href="#">content</a></li>
</ul>
</div>
<script>
  var $el = $('#Element');
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
context
$('li.current a', $el).html();
ready
find
$el.find('li.current a').html();
ready
find x2
$el.find('li.current').find('a').html();
ready
context no 'li'
$('.current a', $el).html();
ready
find no 'li'
$el.find('.current a').html();
ready
find x2 no 'li'
$el.find('.current').find('a').html();
ready
find x2 no 'li' children
$el.find('.current').children('a').html();
ready
context dom
$('li.current a', $el[0]).html();
ready

Revisions

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

  • Revision 1: published by Pieter Vanderwerff on