本文介绍了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()的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!