jquery string vs fn selector

Benchmark created by Sean Koole on


Description

http://jsfiddle.net/VtDVK/

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<ul><li rel="foo"></li><li rel="baz"></li><li rel="killme"></li><li rel="killme"></li><li></li><li rel="baz"></li><li rel="foo"></li><li rel="killme"></li><li rel="foo"></li><li></li><li rel="foo"></li><li rel="foo"></li><li rel="wihoo"></li><li rel="foo"></li><li rel="baz"></li><li></li><li rel="bar"></li><li rel="bar"></li><li rel="wihoo"></li><li rel="wihoo"></li><li rel="bar"></li><li rel="wihoo"></li><li rel="foo"></li><li rel="foo"></li><li rel="baz"></li><li rel="killme"></li><li rel="killme"></li><li></li><li rel="baz"></li><li rel="foo"></li><li rel="killme"></li><li rel="foo"></li><li></li><li rel="foo"></li><li rel="foo"></li><li rel="wihoo"></li><li rel="foo"></li><li rel="baz"></li><li></li><li rel="bar"></li><li rel="bar"></li><li rel="wihoo"></li><li rel="wihoo"></li><li rel="bar"></li><li rel="wihoo"></li><li rel="foo"></li><li rel="foo"></li><li rel="baz"></li><li rel="killme"></li><li rel="killme"></li><li></li><li rel="baz"></li><li rel="foo"></li><li rel="killme"></li><li rel="foo"></li><li></li><li rel="foo"></li><li rel="foo"></li><li rel="wihoo"></li><li rel="foo"></li><li rel="baz"></li><li></li><li rel="bar"></li><li rel="bar"></li><li rel="wihoo"></li><li rel="wihoo"></li><li rel="bar"></li><li rel="wihoo"></li><li rel="foo"></li><li rel="foo"></li><li rel="baz"></li><li rel="killme"></li><li rel="killme"></li><li></li><li rel="baz"></li><li rel="foo"></li><li rel="killme"></li><li rel="foo"></li><li></li><li rel="foo"></li><li rel="foo"></li><li rel="wihoo"></li><li rel="foo"></li><li rel="baz"></li><li></li><li rel="bar"></li><li rel="bar"></li><li rel="wihoo"></li><li rel="wihoo"></li><li rel="bar"></li><li rel="wihoo"></li><li rel="foo"></li></ul>

<script>
  var $foo = $('ul').children();
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
string
$foo.filter('[rel=foo]');
ready
fn
$foo.filter(function() {
 return this.getAttribute('rel') === 'foo'
});
ready

Revisions

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

  • Revision 1: published by Sean Koole on