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']");
高否?富否?帅否? 否? 滚去学习!
原文地址:https://www.cnblogs.com/baixc/p/3409876.html