jQuery Javascript加载模式

http://edu.51cto.com/lesson/id-14460.html

jQuery库文件是在body元素之前加载的，我们必须等待所有的DOM元素加载后，延迟支持DOM操作，否则就无法找到DOM元素。

window.onload = function(){};//javascript等待加载

$(document).ready(function(){});//jQuery等待加载

这两种方法的区别：

1、执行时机

window.onload ：必须等待网页全部加载完毕（包括图片等），然后再执行包裹代码；

$(document).ready()：只等待网页中的DOM结果加载完毕，就能执行包裹的代码
2、执行次数

window.onload ：执行一次，多次定义则使用最后一次的操作

$(document).ready()：可执行多次，按照定义的先后顺序来执行

3、简写方案

window.onload ：无

$(document).ready()：$(function(){});
4、应用范围

window.onload ：很少应用

$(document).ready()：应用很广