优先使用ID与标记选择器
在jQuery中,访问DOM元素的最快方式是通过ID号,其次是通过元素的标记。因为前者源于JavaScript中的document.getElementById(),而后者源于document.getElementsByTagName()方法。
例如:
var eleName0 = $("#id"); var eleName1 = $("div"); var eleName2 = $(".class");
访问速度:ID > tag > class
a、应避免重复修饰,即避免使用ID号修饰ID号,错误代码如下所示:
var eleName0 = $("#divTip #divShow");
b、避免使用tag或class来修饰ID号,这样的话,代码先执行遍历,后进行匹配,错误代码如下所示:
var eleName0 = $(".myClass #divShow");
或
var eleName1 = $("div #divShow");
c、如果是通过元素的属性访问,应尽量使用tag修饰进行访问,这样可以加快访问速度,正确代码如下:
var eleName3 = $("div[title='tmp']");