Run results for: filter vs find

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.186 Safari/537.36

Browser: Chrome 64

Operating system: Windows

Device Platform: Other

Date tested: 2025 years ago

Test name	Executions per second
Filter	4487.6 Ops/sec
Find	267422.4 Ops/sec

HTML Preparation code:

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

Script Preparation code:

var divs = [];
for(var x=0; x<10; x++){
   var $page= $('<div class="page page-'+x+'">');
   for(var i=0;i<50;i++){
      var $line= $('<div class="line line-'+i+'">');
      for(var j=0; j<5; j++){
         var $item= $('<div class="item">');
         $line.append($item);
      }
      $page.append($line);
   }
   divs[divs.length] = $page[0];
}
$(document.body).append($(divs));

Tests:

Filter
var $line = $(document.body).children('.page').children('.line-'+50);
Find
var $line = $(document.body).find('.line-'+50);

Run results for: filter vs find

Filter

Find