 
<!-- 引入FireJSPT的庫文件 --> 
<script type="text/javascript" src="firejspt.js"></script> 
<!-- 引入google提供的1.44版的jQuery的庫文件，其實(shí)哪個(gè)版本都無所謂了，呵呵 --> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 

1. 最常用的id選擇器和class選擇器
將以下代碼復(fù)制200次，置于body標(biāo)簽內(nèi)。

復(fù)制代碼代碼如下:

 
<div id="ilian">比較id選擇器和class選擇器</div> 
<div class="ilian">比較id選擇器和class選擇器</div> 

用于本次測試的JS代碼如下：

復(fù)制代碼代碼如下:

 
function ilianTest01(){ 
$('#ilian').click(function() { alert('Hello World'); }); 
} 

function ilianTest02(){ 
$('.ilian').click(function() { alert('Hello World'); }); 
} 

/*調(diào)用2個(gè)函數(shù)進(jìn)行測試*/ 
$(function(){ 
jspt.test(function(){ ilianTest01(); }); 
jspt.test(function(){ ilianTest02(); }); 
}); 

測試結(jié)果如下：

由圖可以id選擇器相比于class選擇器的效率優(yōu)勢是非常地。。。。。

2. 在選擇標(biāo)簽時(shí)，層級(jí)選擇器用得也非常頻繁，這次對比測試直接子標(biāo)簽符號(hào)“>”和children。

將以下代碼放入body標(biāo)簽內(nèi)，并將其中的li標(biāo)簽復(fù)制500次。

復(fù)制代碼代碼如下:

 
<ul id="ilian"> 
<li>比較直接子標(biāo)簽符號(hào)“>”和children</li> 
<li>比較直接子標(biāo)簽符號(hào)“>”和children</li> 
<li>比較直接子標(biāo)簽符號(hào)“>”和children</li> 
<!-- 省略497次 --> 
</ul> 

用于本次測試的JS代碼如下：

復(fù)制代碼代碼如下:

 
function ilianTest01(){ 
$('#ilian > li').click(function() { alert('Hello World'); }); 
} 

function ilianTest02(){ 
$('#ilian').children('li').click(function() { alert('Hello World'); }); 
} 

/*調(diào)用2個(gè)函數(shù)進(jìn)行測試*/ 
$(function(){ 
jspt.test(function(){ ilianTest01(); }); 
jspt.test(function(){ ilianTest02(); }); 
}); 

測試結(jié)果：