I have a scenario in which I know that the div I'm looking for is exactly two levels deep.
Is it more efficient to use:
$('#mydiv').find('.myselector')
or
$('#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.
