jQuery选择器的性能测试(8)

<div class="testdiv"></div> 
<div></div><div></div><div></div>  
<div></div><div></div><div></div>  
<div></div><div></div><div></div>  
<div></div><div></div><div></div>         
<div></div><div></div><div></div>    
<div id="test">
    <div class="testdiv"></div>
    <div></div><div></div><div></div>
    <div></div><div></div><div></div>  
    <div></div><div></div><div></div>  
    <div></div><div></div><div></div>  
    <div></div><div></div><div></div>  
    <div></div><div></div><div></div>  
    <div></div><div></div><div></div>  
    <div class="testdiv"></div>
    <div class="testdiv"></div>
    <div class="testdiv"></div>
</div>
<div></div><div></div><div></div>
<div></div><div></div><div></div>
<div></div><div></div><div></div>
<div></div><div></div><div></div>
<div></div><div></div><div></div>
<div></div><div></div><div></div>
<div class="testdiv"></div>
<div class="testdiv"></div>
<div class="testdiv"></div>

 

Chrome的测试结果：

 

 

FireFox的测试结果：

 

 

可以看到，jQuery的选择器在性能和js还是有不少的差距。

而jQuery以#id选择器的速度比.class的速度要快很多，

如果针对特定的class进行选择时，

$("id").find("class");的效率是最高的！

而$("id class") 和 $("class","id")两个方法在两个浏览器之间不同的情况。

 

Deom

 摘自 简生的代码备忘录