1 JavaScript和jQuery在選擇id元素時是異曲同工的,但是從執行效率上面來講,差距很大。由於jQuery需要對參數串進行解析配出是id值後再調用getElementById()方法獲取該id元素,所以花費時間更長!所以應當積極使用JavaScript原生的get**()方法,即使在複雜 ...
1 JavaScript和jQuery在選擇id元素時是異曲同工的,但是從執行效率上面來講,差距很大。由於jQuery需要對參數串進行解析配出是id值後再調用getElementById()方法獲取該id元素,所以花費時間更長!所以應當積極使用JavaScript原生的get**()方法,即使在複雜的環境下嵌入使用getelementtagname()也比$()方法來說效率要快!
2 層級選擇器中,包含選擇器,子選擇器,兄弟選擇器,相鄰選擇器。
第一類 結構上講屬於內部結構
包含選擇器和子選擇器選擇部分重合,但是包含選擇還包括選擇部分的嵌套內;
第二類 同級結構選擇
相鄰選擇器和兄弟選擇器,顯然兄弟選擇器匹配更多元素。
3 看過一些書上說多使用id選擇器,但是前面看過的html5書籍說過應該儘量少的使用id,不便於維護,很糾結的問題(一個解決方法是在父級元素添加一個id選擇器)。
4少直接使用class選擇器,因為每次使用同都需要遍歷一次文檔,可以使用複合選擇器tag.class。
5少使用嵌套關係多使用父子關係 parent>child 代替parent child,只從子節點匹配,不需要遞歸,後代選擇器遞歸所有子節點還有兒子的兒子(為什麼不直接說孫子)。
6緩存jQuery對,
{ for(i=0;i<100;i++)
{ var mylisy=$("mylist");
mylist.append(i);
}
}
使用下麵的方法效率更高
var mylist=$("mylist");
for (*******)
mylist.append(i);