使用JS提高效能--選擇器篇
阿新 • • 發佈:2018-12-26
前言:jquery選擇器提供了簡潔方便的查詢dom元素的API,經過jquery封裝過的dom元素是一個代理物件,包含dom本身,長度等等,可以列印jquery選擇器檢視。一個jquery選擇器代理了諸多。所以在dom查詢的速度上是慢於原生js選擇器的。
- document.getElementById(sle);也許就是最快的id選擇器了。
- document.getElementsByClassName(cla);慢於第一種;
- document.getElementsByName(na);
- document.getElementsByTagName(tag);
對於dom操作的話,則建議使用 innerHTML,innerText,等來操作。這樣有利於提高效能,對於千條資料以上效果明顯。對於前端來說,dom操作是極其耗費效能的,這一點是共識,當然,如果資料量較小,則推薦使用簡單易用的jquery選擇器。
- $("#sel")
- $(".sel")
- $("tag")
- document.querySelector();//引數可以是id class,tag等等
- document.querySelectorAll();引數可以是class,tag等等