jQuery性能优化指南（3）_jquery

前面性能优化已经说过，ID选择器的速度是最快的。所以在HTML代码中，能使用ID的尽量使用ID来代替class。
看下面的一个例子：

// 创建一个list

var $myList = $('#myList');

var myListItems = '

';

for (i = 0; i < 1000; i++) {

myListItems += '

This is a list item

'; //这里使用的是class

}

myListItems += '';

$myList.html(myListItems);

// 选择每一个 li

for (i = 0; i < 1000; i++) {

var selectedItem = $('.listItem' + i);

}

在代码最后，选择每个li的过程中，总共用了5066毫秒，超过5秒了。

接着我们做一个对比，用ID代替class：

// 创建一个list

var $myList = $('#myList');

var myListItems = '

';

for (i = 0; i < 1000; i++) {

myListItems += '

This is a list item

'; //这里使用的是id

}

myListItems += '';

$myList.html(myListItems);

// 选择每一个 li

for (i = 0; i < 1000; i++) {

var selectedItem = $('#listItem' + i);

}

jQuery选择器中有一个这样的选择器，它能指定上下文。
jQuery( expression, context );

这是jQuery1.3.1版本之后增加的方法，这个方法的功能就是为 新增的DOM元素 动态绑定事件。
但对于效率来说，这个方法比较占用资源。所以请尽量不要使用它。
例如有这么一段代码:

登录

  记住我的登录 忘记密码？

登录

我已阅读用户协议及版权声明

注册