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查看性能。搜索

相關文章
相關標籤/搜索