jQuery - $(document)之间有什么区别。准备好$(window).load?

有什么不同

$(document).ready(function(){
 //my code here
});

and

$(window).load(function(){
  //my code here
});

我想确保:

$(document).ready(function(){

})

and

$(function(){

});

and

jQuery(document).ready(function(){

});

都是一样的。

你能告诉我它们之间有什么异同吗?

当前回答

这三个功能是相同的:

$(document).ready(function(){

})

and

$(function(){

});

and

jQuery(document).ready(function(){

});

这里$用于定义jQuery，例如$ = jQuery。

不同之处在于

美元(文档)。ready是加载DOM时触发的jQuery事件，因此它在文档结构准备好时触发。美元(窗口)。加载事件是在整个内容加载后，如页面包含图像，css等。

2013-04-05 11:08:38

其他回答

美元(窗口)。load是一个事件，当DOM和页面上的所有内容(所有内容)完全加载时，如CSS、图像和帧。一个最好的例子是，如果我们想要得到实际的图像大小或任何细节，我们使用它。 $(document).ready()表示其中的代码需要在DOM加载并准备由脚本操作时执行。它不会等待图像加载后执行jQuery脚本。

<script type = "text/javascript">
    //$(window).load was deprecated in 1.8, and removed in jquery 3.0
    // $(window).load(function() {
    //     alert("$(window).load fired");
    // });

    $(document).ready(function() {
        alert("$(document).ready fired");
    });
</script>

美元(窗口)。在$(document).ready()之后加载。

$(document).ready(function(){

}) 
//and 
$(function(){

}); 
//and
jQuery(document).ready(function(){

});

以上3个是一样的，$是jQuery的别名，如果其他JavaScript框架使用相同的$符号，你可能会面临冲突。如果你面临冲突，jQuery团队提供了一个无冲突的解决方案。美元(窗口)。Load在1.8中已弃用，在jquery 3.0中被移除

2018-06-14 07:23:06

$(document).ready()和$(window).load()函数之间的区别是，$(window).load()中包含的代码将在整个页面(图像，iframes，样式表等)加载后运行，而document ready事件在所有图像，iframes等加载之前触发，但在整个DOM本身准备好之后。

$(document).ready(function(){

})

and

$(function(){

});

and

jQuery(document).ready(function(){

});

以上3个代码没有区别。

它们是等价的，但是如果任何其他JavaScript框架使用相同的美元符号$作为快捷方式名，您可能会面临冲突。

jQuery.noConflict();
jQuery.ready(function($){
 //Code using $ as alias to jQuery
});

2015-12-06 14:50:52

$(document).ready(function(e) { 
    // executes when HTML-Document is loaded and DOM is ready  
    console.log("page is loading now"); 
});

$(document).load(function(e) { 
    //when html page complete loaded
    console.log("completely loaded"); 
});

2017-11-10 09:16:06

这三个功能是相同的: