使用最新版本的 jQuery
最新版本的 jQuery 会改进性能和增加新功能,若不是为了兼容旧浏览器,建议使用最新版本的 jQuery。以下是三条常见的 jQuery 语句,版本越新,性能越好:
$('.elem')
$('.elem', context)
context.find('.elem')
结果 1.6.2 版执行次数远超两个老版本。
jQuery 变量
- 存放 jQuery 对象的变量以
$
开头; - 将 jQuery 选择器返回的对象缓存到本地变量中复用;
- 使用驼峰命名变量;
var $myDiv = $("#myDiv");
$myDiv.click(function(){...});
选择器
- 尽可能的使用 ID 选择器,因为它会调用浏览器原生方法
document.getElementById
查找元素。当然直接使用原生document.getElementById
方法性能会更好; - 在父元素中选择子元素使用
.fi