Jquery - .children（）。children（）vs .find（） [英] Jquery - .children().children() vs .find()

问题描述

我有一个场景，我知道我正在寻找的div正好是两个级别。

I have a scenario in which I know that the div I'm looking for is exactly two levels deep.

使用效率更高：

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

或

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

推荐答案

使用你的控制台检查。首先检查你的第一个建议：

Use your console to check. First check your first suggestion:

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

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

Now do the same for your second suggestion:

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

多次运行两个版本以真正检查是否存在显着差异。使用这种测试方式来优化您的选择器。

Run both versions a few times to really check if there is a significant difference. Use this way of testing to optimise your selectors.

这篇关于Jquery - .children（）。children（）vs .find（）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！