jquery complex selector vs all tags + filter

Benchmark created on


Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<a href="#foo">Foo hash</a>
<a name="foo">Foo name</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>
<a href="#bar">Bar</a>

Test runner

Ready to run.

Testing in
TestOps/sec
Complex selector
$('a[name=foo]')
ready
All tags plus filter
$('a').filter('[name=foo]')
ready

Revisions

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