前端页面jquery规范写法

 

使用最新版本的 jQuery

最新版本的 jQuery 会改进性能和增加新功能，若不是为了兼容旧浏览器，建议使用最新版本的 jQuery。以下是三条常见的 jQuery 语句，版本越新，性能越好：

$('.elem')
$('.elem', context)
context.find('.elem')

 

结果 1.6.2 版执行次数远超两个老版本。

jQuery 变量

1. 存放 jQuery 对象的变量以 $ 开头；
2. 将 jQuery 选择器返回的对象缓存到本地变量中复用；
3. 使用驼峰命名变量；

var $myDiv = $("#myDiv");
$myDiv.click(function(){...});

 

选择器

1. 尽可能的使用 ID 选择器，因为它会调用浏览器原生方法 document.getElementById 查找元素。当然直接使用原生 document.getElementById 方法性能会更好；
2. 在父元素中选择子元素使用 .fi