jQuery学习笔记(1)
虽然使用jQuery可以很方便的开发web应用,但是考虑到性能的影响,在能使用原生JavaScript语句的时候还是应该尽量使用原生的。
比如$("#test").html("test");//1
document.getElementById("test").innerHTML="TEST";//2
经过测试,这两条语句中2的性能要比1的性能提高大约6~7倍。
在jQuery中使用各种选择器的快慢顺序如下:
使用id,tag等各种浏览器都有原生js方法的选择器的速度是最快的。
使用class选择器的速度根据选择器的不同而不同,在低版本的Ie浏览器中并没有getElementsByClassName的方法,大多数浏览器中是支持该原生方法的,与id,tag作为选择器相比稍慢一些。
使用伪类选择器,属性选择器的速度是最慢的。
获取或修改jQuery对象的innerHTML属性会失败,这是为什么呢?因为jQuery对象并不是Dom对象,他没有innerHTML属性。对于初学者很容易犯的一个错误就是混淆jQuery对象和DOM对象,jQuery对象是不具有DOM对象的方法和属性的。但是两者是可以想换转换的。比如:
$t1=$("#t1");//1jQuery对象
t1=document.getElementById("t1");//2DOM对象
jQuery对象转换为DOM对象:t1=$t1[0];t1=$t1.get(0);t1=$t1.eq(0);
DOM对象转换为jQuery对象:$t1=$(t1);
相关推荐
83510998 2020-08-08
tthappyer 2020-07-25
tztzyzyz 2020-07-05
87281248 2020-07-04
82244951 2020-06-28
89510194 2020-06-27
牵手白首 2020-06-14
开心就好 2020-06-10
EdwardSiCong 2020-11-23
85477104 2020-11-17
hhanbj 2020-11-17
81427005 2020-11-11
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15