详解$(document).ready与window.onload

为什么需要使用$(document).ready在项目中引用js文件时如果js先执行，在js代码片段中有$("#uname")的元素给其绑定事件时，会由于DOM树没有加载到$("#uname")这个元素，没有找到$("#uname")这个元素，以致事件绑定无效。

使用$(document).ready可以理解为：DOM树加载完成后再执行js事件的代码，

但是$(document).ready与window.onload得效果相同，不同的是$(document).ready执行时间是DOM树加载完成就会执行js代码不必等到加载完成再执行，而window.onload执行时间是在DOM和文档全部加载完成后开始执行（必须等到页面内包括图片的所有元素加载完毕后才能执行），所以$(document).ready要比window.onload先执行。

如果window.onload在页面中多次出现，window.onload只会执行一次，

但$(document).ready在页面中多次出现可以都可以执行。