zoukankan      html  css  js  c++  java
  • 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']");
    高否?富否?帅否? 否? 滚去学习!
  • 相关阅读:
    [JZOJ3388] 绿豆蛙的归宿

    [JZOJ3464] 秀姿势
    [JZOJ3462] 休息
    [JZOJ3461] 小麦亩产一千八
    [JZOJ3509] 倒霉的小C
    [JZOJ1267] 路障
    CF52C Circular RMQ
    P4162 [SCOI2009]最长距离
    P4047 [JSOI2010]部落划分
  • 原文地址:https://www.cnblogs.com/baixc/p/3409876.html
Copyright © 2011-2022 走看看