jquery string vs fn selector

Benchmark created by Sean Koole on January 8, 2011

Description

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

$foo.filter('[rel=foo]');

$foo.filter(function() {
 return this.getAttribute('rel') === 'foo'
});

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 January 8, 2011