简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Was ist effizienter, $("#content .abc") oder $("#content").find(".abc")?
天蓬老师
天蓬老师 2017-06-26 10:50:26
0
4
810

$(„#content .abc“) oder $(„#content“).find(“.abc“) Was ist effizienter?

天蓬老师
天蓬老师

欢迎选择我的课程，让我们一起见证您的进步~~

Antworte allen (4)
女神的闺蜜爱上我
女神的闺蜜爱上我2017-06-26 10:52:26 4 Etage

$(“#content”).find(“.abc”) .find()方法会调用浏览器的原生方法（getElementById，getElementByName，getElementByTagName等等），所以速度较快。比$(“#content .abc”) 效率快很多
关于jQuery 选择器效率 可以参考下性能分析 http://blog.csdn.net/cxl44490...

Wie+0
Antwort hinzufügen
    Ty80
    Ty802017-06-26 10:52:26 3 Etage 
    console.time('1') $("#content .child") console.timeEnd('1') console.time('2') $("#content").find('.child') console.timeEnd('2') 1: 0.908935546875ms 2: 0.147705078125ms 简单测试第二种快点
    Wie+0
    Antwort hinzufügen
      滿天的星座
      滿天的星座2017-06-26 10:52:26 2 Etage

      测试结果是 find 比较快
      原因在于 jQuery 内部使用各种选择器链条的选择顺序是从右到左，所以这条语句是先选.abc，然后再一个个过滤出父元素#content，这导致它慢很多。
      同时.find()方法会调用浏览器的原生方法（getElementById，getElementByName，getElementByTagName等等），所以速度较快。
      两相比较，自然是 find 快得多了。

      以下是测试：https://jsperf.com/jqueryfind...

      Wie+0
      Antwort hinzufügen
        滿天的星座
        滿天的星座2017-06-26 10:52:26 1 Etage

        第二种比较快

        Wie+0
        Antwort hinzufügen
          Beliebte Themen
          Mehr>
          Populäre Artikel
          Beliebte Tutorials
          Mehr>
          Verwandte Tutorials
          Beliebte Empfehlungen
          Aktuelle Kurse
          Neueste Downloads
          Mehr>
          Web-Effekte
          Quellcode der Website
          Website-Materialien
          Frontend-Vorlage
          Über uns Haftungsausschluss Sitemap
          Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！