jQuery - $(document).ready と $(window).load の違いは何ですか? 質問する

jQuery - $(document).ready と $(window).load の違いは何ですか? 質問する

違いは何ですか?

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

そして

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

そして、次のことを確認したいと思います。

$(document).ready(function(){

}) 

そして

$(function(){

}); 

そして

jQuery(document).ready(function(){

});

同じだ。

両者の違いと類似点を教えてください。

ベストアンサー1

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


$(window).load(function() {
  // executes when complete page is fully loaded, including all frames, objects and images
  console.log("window is loaded");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

クエリ 3.0 バージョン

重大な変更: .load()、.unload()、.error() が削除されました

これらのメソッドはイベント操作のショートカットですが、いくつかの API 制限がありました。イベント.load()メソッドは、ajax.load()メソッドと競合していました。DOMメソッドの定義方法により.error()、 メソッドは使用できませんでしたwindow.onerror。これらの名前でイベントをアタッチする必要がある場合は、 メソッドを使用します(例:を に.on()変更) 。$("img").load(fn)$(img).on("load", fn)1

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

次のように変更する必要があります

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

これらはすべて同等です:

$(function(){
}); 

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

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

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

おすすめ記事