Jquery - .children().children()vs .find()

Question

我有一个场景,我知道我正在寻找的div正好是两个层次.

使用效率更高:

$('#mydiv').find('.myselector')

要么

$('#mydiv').children().children('.myselector')

Answer 1

使用您的控制台进行检查.首先检查你的第一个建议:

console.time('benchmark');
for (var i=0; i<1000; i++) {
  var $elem = $('#mydiv').find('.myselector');
}
console.timeEnd('benchmark');

现在对你的第二个建议做同样的事情:

console.time('benchmark');
for (var i=0; i<1000; i++) {
  var $elem = $('#mydiv').children().children('.myselector');
}
console.timeEnd('benchmark');

运行两个版本几次以确定是否存在显着差异.使用这种测试方式来优化您的选择器.