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");//1 jQuery对象
t1 = document.getElementById("t1");//2 DOM对象
jQuery对象转换为DOM对象:t1=$t1[0]; t1=$t1.get(0); t1=$t1.eq(0);
DOM对象转换为jQuery对象:$t1=$(t1);

你可能感兴趣的:(JavaScript,jquery)