有什么不同

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

and

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

我想确保:

$(document).ready(function(){

}) 

and

$(function(){

}); 

and

jQuery(document).ready(function(){

});

都是一样的。

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


当前回答

ready事件总是在加载到浏览器的唯一html页面时执行,函数执行.... 但是加载事件是在页面.....的所有页面内容加载到浏览器时执行的 我们可以在jQuery脚本中使用noconflict()方法时使用$或jQuery…

其他回答

$(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"); 
});

文档。ready是一个jQuery事件,它在DOM准备好时运行,例如,所有的元素都在那里可以找到/使用,但不一定是所有的内容。 窗口。Onload稍后(或在最坏/失败的情况下同时)在图像等加载时触发。例如,如果你在使用图像尺寸,你通常会想用这个代替。

同时阅读相关问题: $(window).load()和$(document).ready()函数之间的区别

$(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
});

$(文档)时函数(){ //当HTML-Document加载并且DOM准备就绪时执行 Console.log("文档已准备好"); }); $(窗口).load(函数(){ //当整个页面完全加载时执行,包括所有帧,对象和图像 Console.log(“窗口已加载”); }); < script src = " https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js " > < /脚本>

查询3.0版本

破坏性更改:.load(), .unload()和.error()被删除

这些方法是事件操作的快捷方式,但是有几个API 的局限性。事件的.load()方法与ajax的.load()冲突 方法。.error()方法不能与window.onerror一起使用 因为DOM方法的定义方式。如果你需要附加 事件,使用.on()方法,例如change $("img").load(fn)到$(img)。(“负载”,fn)。1

$(window).load(function() {});

应改为

$(window).on('load', function (e) {})

这些都是等价的:

$(function(){
}); 

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

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

$(document).on('ready', function(){
})

这三个功能是相同的:

$(document).ready(function(){

}) 

and

$(function(){

}); 

and

jQuery(document).ready(function(){

});

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

不同之处在于

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