data-attr-vs-css-selector

Benchmark created by jelbourn on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<!-- Some small, generic html -->
<div id="root">
  <p>This is a <a>link</a><input><input></p>
  <div><p><span><span data-foo class="foo">Foo here</span></span></p></div>  
  <button>Hello</button><button>World</button>
  <hr>
</div>

Setup

var root = $('#root');

Test runner

Ready to run.

Testing in
TestOps/sec
data-attr
var foo = root.find('[data-foo]');
ready
css
var foo = root.find('.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 jelbourn on