jQuery性能优化——优化选择器执行的速度

优先使用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']");
posted @ 2013-11-06 09:56  白小虫  阅读(347)  评论(0编辑  收藏  举报