jQuery后代选择器性能

Question

我有一个jQuery选择器：

$('#myId span')

这真的是表演犬vs：

$('#myId').find('span')

第一个显然是写得更清洁，如果可能的话，我想坚持下去。

Answer 1

测试：http://jsperf.com/descend-from-id-vs-select-and-find/3

$('#myId span')将导致jQuery使用其Sizzle选择器引擎解析字符串，从右向左读取它，开始使用span进行搜索。

$('#myId').find('span')将导致jQuery立即选择#myId（绕过使用Sizzle解析的步骤），然后遍历DOM，多个级别，以查找所有后代。

所以后者更快。

你也可以试试$('#myId').children('span')，在某些情况下可能更快，因为它只会下降一个级别才能找到孩子（而不是发现，这会继续）。