什么更快$（'＃parent .childclass1，＃parent .childclass2'）。css（something）或$（'＃parent'）。children（）。css（something）？

Question

我认为标题是解释性的。由于以前的问题我正在变得痴迷于性能，并且我试图让一切都达到最大速度。当我发现$（'＃parent'）。find（'li'）比$（'#parent li'）快时，我觉得我不知道任何事情......所以我的问题是：

什么更快

$('#parent .childclass1, #parent .childclass2').css(something) 

或

$('#parent').children().css(something)?

提前谢谢

Answer 1

第二个，因为它只执行一个极快的dom查询，然后只引用一个NodeList。与进行两次document.getElementById调用相反，然后检查所有孩子是否有课程。第二个会快得多。第一个是60% slower，然后是第二个。