javascript - $('#content .abc”) 和 $('#content”).find('.abc”) 哪个效率更高?
天蓬老师
天蓬老师 2017-06-26 10:50:26
0
4
962

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

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(4)
女神的闺蜜爱上我

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

Ty80

雷雷

滿天的星座

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

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

滿天的星座

第二种比较快

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板