jQuery的ready()事件与js中的onload事件的区别

JQuery中用得最多的要属工厂函数$()了,下面我们就来看一下它的初步应用。

 大家知道,在JQuery中我们可以使用 $(document).ready(); 在其中加入页面加载后的代码,以便做出丰富的页面行为。

它和传统的JS中的onload有什么区别呢?

onloadready
没有简写方式  具有简写方式
当HTML页面所有内容加载完毕后才执行onload  当DOM节点加载完毕后就执行ready
一个HTML页面只能编写一个onload  一个HTML页面允许同时编写多个ready

传统的window的onload程序如下:

window.onload = function() {

      ...

}

它是在整个页面完全被加载之后执行。

这样做最大的一个缺点就是速度问题,onload中的代码不仅是在构建DOM树之后,而且是在所有图像和其它外部资源被完整地加载

并在页面浏览器窗口显示完毕之后才执行。

 

而$(document).ready()最大地优点就是在浏览器构建DOM树之后立即执行其中的代码。

 

$(document).ready()的写法比较正式,用得比较多的写法还可以是:$(), 你可以在括号中直接加你的匿名函数,如下:

$(function() {

      ...

});

$(document).ready(function() {

      ...

});

$().ready(function(){

....

});


都是正确的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值