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);

相关推荐