javascript - $(“#content .abc”) 和 $(“#content”).find(“.abc”) 哪个效率更高？

Question

$(“#content .abc”) 和 $(“#content”).find(“.abc”) 哪个效率更高？

Answer 1

$(“#content”).find(“.abc”) .find()方法会调用浏览器的原生方法（getElementById，getElementByName，getElementByTagName等等），所以速度较快。比$(“#content .abc”) 效率快很多
关于jQuery 选择器效率 可以参考下性能分析 http://blog.csdn.net/cxl44490...

Answer 2

雷雷

Answer 3

测试结果是 find 比较快
原因在于 jQuery 内部使用各种选择器链条的选择顺序是从右到左，所以这条语句是先选.abc，然后再一个个过滤出父元素#content，这导致它慢很多。
同时.find()方法会调用浏览器的原生方法（getElementById，getElementByName，getElementByTagName等等），所以速度较快。
两相比较，自然是 find 快得多了。

以下是测试：https://jsperf.com/jqueryfind...

Answer 4

第二种比较快