jQuery选择器性能

jQuery选择器性能排序:

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

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

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

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

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

以上性能较差的选择器可以尽量使用类似以下的这种方式来提高性能,当然推荐使用调用本地实现的方法:

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


可以使用jsPerf查看性能。

你可能感兴趣的:(jQuery选择器性能)