Attribute selector vs Filter func

Benchmark created by Rory Mcrossan on October 15, 2014

Preparation HTML

<script>
    
    for (var i = 0; i < 500; i++) {
    document.write("<div class="num" data-num='" + i + "'>" + i + "</div>\n");
    }
    
    </script>
  };
</script>

Setup

Benchmark.prototype.setup = function() {
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">

Test runner

$('[data-num="300"]');

$('.num').filter(function() {
   return $(this).data('num') == '300';
});

Revisions

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

• Revision 1: published by Rory Mcrossan on October 15, 2014