到处都是jQuery选择器的年代不了解它们的性能，行吗_jquery

先在每个测试页面的head中引入google提供的jquery文件和用于测试的小插件firejspt。
代码如下:





1. 最常用的id选择器和class选择器
将以下代码复制200次，置于body标签内。
代码如下:
比较id选择器和class选择器
比较id选择器和class选择器

用于本次测试的JS代码如下：
代码如下:
function ilianTest01(){
$('#ilian').click(function() { alert('Hello World'); });
}

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

/*调用2个函数进行测试*/
$(function(){
jspt.test(function(){ ilianTest01(); });
jspt.test(function(){ ilianTest02(); });
});

测试结果如下：

由图可以id选择器相比于class选择器的效率优势是非常地。。。

将以下代码放入body标签内，并将其中的li标签复制500次。
代码如下:

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

/*调用2个函数进行测试*/
$(function(){
jspt.test(function(){ ilianTest01(); });
jspt.test(function(){ ilianTest02(); });
});

测试结果：

由此可见children选择器要优于直接子标签符号选择器。
限于文章长度，本文只展示了最基本的测试，且以上测试，均是在简单环境中测试的，测试效果并不代表绝对的结论。