Jquery中$(document).ready()

Posted zhangguorenmi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Jquery中$(document).ready()相关的知识,希望对你有一定的参考价值。

 

window.onload = function(){ alert("welcome"); }

语句的作用是希望在页面加载完,自动执行定义js代码(function)。

 

$(document).ready(function(){.... })

这个函数是用来取代页面中的window.onload;


 

$(document).ready()和onload的区别

 

    $(document).ready()和传统的方法<body οnlοad=”load()”> 相似,不同的是onload()的方法是在页面加载完成后才发生,这包括DOM元素和其他页面元素(例如图片)的加载。而$(document).ready()所要执行的代码是在DOM元素被加载完成的情况下执行,所以,使用document.ready()方法的执行速度比onload()的方法要快。

 

   javascript 只有在DOM元素已经定义以后才可以对其执行某种操作,jQuery使用document.ready来保证所要执行的代码是在DOM元素被加载完成的情况下执行。

 

以上是关于Jquery中$(document).ready()的主要内容,如果未能解决你的问题,请参考以下文章

什么时候应该使用 jQuery 的 document.ready 函数?

为啥我不能使用 onClick 在 jQuery $(document).ready 函数中执行函数?

jQuery中的$(window).load()与$(document).ready()

jQuery:强制执行 document.ready() 调用的顺序

jquery $(document).ready() 与window.onload的区别

jQuery中$(document).ready()和window.onload的区别