Jquery中$（document）.ready（）的作⽤
Jquery中$(document).ready()的作⽤类似于传统JavaScript中的load⽅法，不过与load⽅法还是有区别的。
1.执⾏时间
$(document).ready()是DOM结构绘制完毕后就执⾏，不必等到加载完毕。
2.编写个数不同
$(document).ready()可以同时编写多个，并且都可以得到执⾏
3.简化写法
$(document).ready(function(){})可以简写成$(function(){});
以浏览器装载⽂档为例，在页⾯加载完毕后，浏览器会通过 Javascript 为 DOM 元素添加事件。在常规的 Javascript代码中，通常使⽤load ⽅法，⽽在 Jquery 中，使⽤的是 $(document).ready()⽅法。
$(document).ready() ⽅法是事件模块中最重要⼀个函数，可以极⼤的提⾼ Web 应⽤程序的速度。
另外，需要注意⼀点，由于在 $(document).ready() ⽅法内注册的事件，只要 DOM就绪就会被执⾏，因此可能此时元素的关联⽂件未下载完。例如与图⽚有关的 html 下载完毕，并且已经解析为 DOM树了，但很有可能图⽚还没有加载完毕，所以例如图⽚的⾼度和宽度这样的属性此时不⼀定有效。
要解决这个问题，可以使⽤ Jquery 中另⼀个关于页⾯加载的⽅法 ---load() ⽅法。 Load() ⽅法会在元素的onload 事件中绑定⼀个处理函数。如果处理函数绑定给 window 对象，则会在所有内容 ( 包括窗⼝、框架、对象和图像等 )加载完毕后触发，如果处理函数绑定在元素上，则会在元素的内容加载完毕后触发。
Jquery 代码如下：
$(window).load(function (){
// 编写代码
})；等价于 JavaScript中的以下代码
// 编写代码
}
——————————————————————————————
最近在改⼀个嵌⼊在frame中的页⾯的时候，使⽤了jquery做效果，⽽页⾯本⾝也绑定了onload事件。改完后，Firefox下测试正常流畅，IE 下就要等个⼗⼏秒jquery的效果才出现，黄花菜都凉了。
起初以为是和本⾝onload加载的⽅法冲突。⽹上普遍的说法是$(document).ready()是在页⾯DOM解析完成后执⾏，⽽onload事件是在所有资源都准备完成之后才执⾏，也就是说$(document).ready()是要在onload之前执⾏的，尤其当页⾯图⽚较⼤较多的时候，这个时间差可能更⼤。可是我这页⾯分明是图⽚都显⽰出来⼗⼏秒了，还不见jquery的效果出来。
删了onload加载的⽅法试试，结果还是⼀样，看来没有必要把原本的onload事件绑定也改⽤$(document).ready()来写。那是什么原因使得Firefox正常⽽IE就能呢？接着调试，发现IE下原来绑定
的onload⽅法竟然先于$(document).ready()的内容执⾏，⽽Firefox则是先执⾏$(document).ready()的内容，再执⾏原来的onload⽅法。这个和⽹上的说法似乎不完全⼀致啊，呵呵，有点意思，好像越来越接近真相了。翻翻jquery的源码看看$(document).ready()是如何实现的吧：
复制代码代码如下:
if ( jQuery.browser.msie && window == top )(function(){
jquery源码在线
if (jQuery.isReady) return;
try {
document.documentElement.doScroll("left");
} catch( error ) {
      setTimeout( arguments.callee, 0 );
      return;
    }
  // and execute any waiting functions
  　ady();
})();
jQuery.event.add( window, "load", ady );
结果很明了了，IE只有在页⾯不是嵌⼊frame中的情况下才和Firefox等⼀样，先执⾏$(document).ready()的内容，再执⾏原来的onload⽅法。对于嵌⼊frame中的页⾯，也只是绑定在load事件上执⾏，所以⾃然是在原来的onload绑定的⽅法执⾏之后才轮到。⽽这个页⾯中正好在测试环境下有⼀个访问不到的资源，那⼗⼏秒的延迟正是它放⼤出的时间差。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。