css选择器vs jQuery遍历

Question

在jquery中，似乎有两种方法可以在DOM中的无序列表中找到列表项。

$("ul>li"); 

和

$("ul").find("li"); 

有没有为什么，后者可能是更理想的一个原因？似乎需要更多代码才能获得相同的结果。

Answer 1

是。速度。每次都会赢得.find()。加工速度无异于！

jsPerf speed test to show what I mean

虽然.find()将获得一切，这是一个下级（孩子的孩子，孩子，孩子的孩子，等子女），并且>是直接孩子选择。它是一个更好的苹果对苹果比较下列任一：

• $('ul li') VS $('ul').find('li')
• $('ul > li') VS $('ul').children('li')

但如果你做.find('li')它仍然是最快的方法这样做，甚至比.children('li')快。

updated jsPerf to include .children()

Answer 2

1）他们是不一样的，第二种形式将相当于$("ul li");，第一个是相当于$("ul").children("li")

2）如果你使用第二种形式，可以简化jQuery的解析任务。但是它使你的代码更简单，所以我不会推荐它，除非你证明速度与你的情况非常相关。这就是说，你通常有更多的代码，例如一些元素缓存或其他遍历函数，证明使用find。