jQuery选择器性能

jQuery选择器性能排序:jquery

1,$("#id"),性能最优,调用本地方法document.getElementById("id");浏览器

2,$("p"),$("div"),性能仅次于id,调用本地方法document.getElementByTagName("");性能

3,$(".class"),IE9之后支持document.getElementByClassName,版本较低的浏览器不支持这种方法,jquery仅依靠对DOM进行搜索,影响性能;code

4,$("[attribute=value]"),jquery对DOM搜索实现,性能较差,部份浏览器支持querySlectorAll();排序

5,$(":hidden"),jquery对DOM搜索实现,性能差;get

以上性能较差的选择器能够尽可能使用相似如下的这种方式来提升性能,固然推荐使用调用本地实现的方法:class

$("#id").find(":hidden");
$("div.class").filter(":animated");


能够使用jsPerf查看性能。搜索

相关文章
相关标签/搜索