jQuery：このケースではより高速です。（.find）vs（.filter）

Question

大きなテーブルがあり、たくさんの行（50-200）と列（30）が含まれています。だから私は合計で少なくとも1500の細胞を持っています。次の指示のうち、どれが速く、なぜですか？

//assuming we have some predefined variable 
var table = $('#myTable'); 
var allCells = table.find('td'); 

選択されたセルが

selectedCells = allCells.filter('.selected'); 

または、（パフォーマンスと可読性の用語で）選択を見つけるために、より良い、ネイティブjavascriptの方法があるのVSクラスselected

selectedCells = table.find('td.selected'); 

を持っている場合細胞は1500個の細胞がループすると考えていますか？

Answer 1

find()あなたのfilter()メソッドは、とにかくfind()に依存していますので、ここでは高速になります。あなたのコードから：

var allCells = table.find('td'); 

selectedCells = allCells.filter('.selected'); 

table.find('td.selected');はselectedクラスでのみtd要素を引っ張ります。

table.find('td').filter('.selected')はselectedクラスを持つ要素だけをフィルタリングし、その後すべてtd要素を引っ張ります。