1. ホーム
  2. jquery

[解決済み] [Solved] jQuery - $(document).readyと$(window).loadの違いは何ですか?

2022-04-14 01:45:12

質問

とはどのような違いがあるのでしょうか?

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

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


そして、それを確かめたい。

$(document).ready(function(){

}) 

$(function(){

}); 

jQuery(document).ready(function(){

});

は同じです。

両者の違いや共通点を教えてください。

どのように解決するのですか?

$(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() メソッドを使用します。は .error() メソッドを使用することはできませんでした。 window.onerror というのは、DOM メソッドの定義がそうなっているからです。を付ける必要がある場合は イベントをこれらの名前で使用するには .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(){
})