利用Firebug，我们能测定每个函数的执行时间。
var array = new Array ();
for (var i=0; i<10000; i++) {
array[i] = 0;
}
console.time(‘native’); //原生for函数
var l = array.length;
for (var i=0; i<10000; i++) {
}
上面的结果显示原生代码只需2毫秒就做到的事，利用jQuery的each方法需要26毫秒。而且这还只是我在本机上测试一个基本上啥也没做的函数的结果，当遇到更复杂的情况，例如设置css属性或DOM操作时，时间差异肯定更大。
用ID替代class选择器
利用ID选择对象要好得多，因为这时jQuery会使用浏览器的原生函数getElementByID()来获取对象，查询速度很快。
因此，比起利用那些方便的css选择技巧，使用更为复杂的选择器也是值得的（jQuery也为我们提供了复杂选择器）。你也可以手工书写自己的选择器（其实比你想象中简单），或者为你想要选择的元素指定一个有ID的容器。
//下例创建一个列表并且填充条目内容
//然后每个条目都被选择一次
//首先使用class选择
console.time(‘class’);
var list = $(‘#list’);
var items = ‘
‘;
for (i=0; i<1000; i++) {
items += ‘
item
‘;
}
items += ‘
‘;
list.html (items);
for (i=0; i<1000; i++) {
var s = $(‘.item’ + i);
}
console.timeEnd(‘class’);
//然后利用ID选择
console.time(‘id’);
var list = $(‘#list’);
var items = ‘
‘;
for (i=0; i<1000; i++) {
items += ‘
item
‘;
}
items += ‘
‘;
list.html (items);
for (i=0; i<1000; i++) {
var s = $(‘#item’ + i);
}
console.timeEnd(‘id’);
上面的例子很好地说明了不同选择方式之间的显著性能差异。请看下图，利用class来做选择，时间无限增大，甚至超过了五秒。
给选择器指定前后文
jQuery的参考文档里说：传递给jQuery() 原始DOM节点的前后文（如果没有东西被传递，则前后文为整个文档）。目的是连同选择器一起，实现更为准确的查询。
所以，如果你一定要利用class来指定目标，至少为选择器指定上下文，以免jQuery费精力去遍历整个DOM文档：
与其这样写：
$(‘.class’).css (‘color’ ‘#123456’);
为选择器加上前后文比较好（expression: 目标选择器；context: 前后文）：
$(expression, context)
也就是说：
$(‘.class’, ‘#class-container’).css (‘color’, ‘#123456’);
