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);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值