什么更快$("s1").find("s2").find("s3")或$("s1 s2 s3")?

Rob*_*nik 5 comparison jquery css-selectors

在选择某些DOM元素时,jQuery是多方面的.今天我注意到获得相同元素的两种方式可能产生不同的速度:

$("selector1").find("selector2").find("selector3")
Run Code Online (Sandbox Code Playgroud)

$("selector1 selector2 selector3")
Run Code Online (Sandbox Code Playgroud)

(selectorX可以是身份证或班级或其他任何地方)

两者都产生相同的元素集,但有任何速度差异?jQuery如何实际遍历DOM?这在第二种情况下尤其重要:它是从选择器1转到选择器3还是反过来

有谁测量了两者之间的差异?

Jim*_*ner 4

对我来说,在 Chrome 中使用 single 的$('...')速度大约是 chaining$.find()的两倍。一旦有更多人测试它,这个JSPerf 基准测试也会让您对其他浏览器有一个很好的了解。