js/jQuery中load()、onload()、ready()的区别

一、两大事件

load事件：指页面包含图片等文件在内的所有元素都加载完毕后执行的事件。

ready事件：表示文档结构已加载完成（不包括图片等非文字媒体文件）

浏览器页面渲染的过程 - 寸寸君 - 博客园

http://www.cnblogs.com/cuncunjun/p/6531495.html 看过我这篇文章的同学应该就明白为何图片这么特殊了，知道什么时候加载图片了。

二、在不同语言中的用法

• HTML：
  
  在此处提一句，load与onload的关系就和click和onclick的关系一样。
  
  <body onload=" aa()">
  
  一般绑在body标签上，用在其他标签也可以。比如img
• js：
  
  window.onload=function(){ };
• jQuery：
  • $(document).load(function(){ }); //值得注意的是，jQuery1.8版本已经将该方法和unload（）删除了。
  • $(document).ready(function(){ });//不推荐
  • $(function(){ });//推荐，此方法和上一个写法是等价的。省略就相当于是ready方法。

看到这里，小伙伴们应该明白jQuery方法为何要在外层加一个$()了吧。当初刚开始尝试写代码的时候，将script标签放在了head中，js文件中也没有加ready方法。结果发现页面根本没反应啊啊啊啊，后来查了一下说是得再最外层加上$()才能执行。现在终于明白了，不是没执行，而是在dom树渲染出来之前就执行完了，都是无效的操作呀！如果，不想加ready方法的话，直接把script放在body的尾部即可！