jQuery中最快的children()或find()是什么? [英] What is fastest children() or find() in jQuery?

问题描述

要在jQuery中选择子节点，可以使用children()，也可以使用find().

To select a child node in jQuery one can use children() but also find().

例如:

$(this).children('.foo');

与以下结果相同:

$(this).find('.foo');

现在，哪个选项是最快或首选的，为什么?

Now, which option is fastest or preferred and why?

推荐答案

children() 仅查看该节点的直接子节点，而 find() 遍历该节点下的整个DOM，因此，children() 应该在等效实现的情况下更快.但是，find()使用 native 浏览器方法，而children()使用在浏览器中解释的 JavaScript .在我的实验中，典型情况下的性能差异不大.

children() only looks at the immediate children of the node, while find() traverses the entire DOM below the node, so children() should be faster given equivalent implementations. However, find() uses native browser methods, while children() uses JavaScript interpreted in the browser. In my experiments there isn't much performance difference in typical cases.

使用哪种方法取决于您是只考虑直接后代还是DOM中位于该节点后的所有节点，即根据所需结果选择适当的方法，而不是方法的速度.如果性能确实是一个问题，请尝试寻找最佳解决方案并加以使用(或在此处查看其他答案中的一些基准).

Which to use depends on whether you only want to consider the immediate descendants or all nodes below this one in the DOM, i.e., choose the appropriate method based on the results you desire, not the speed of the method. If performance is truly an issue, then experiment to find the best solution and use that (or see some of the benchmarks in the other answers here).

这篇关于jQuery中最快的children()或find()是什么?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！