您的位置:首页 > Web前端 > JQuery

jQuery选择器性能

2016-01-02 00:00 274 查看
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查看性能。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: