jqueryのready()関数の実行タイミングとwindow_jqueryのloadイベントの比較

jquery のready() は DOMContentLoaded イベントを実装します。DOMContentLoaded イベントとウィンドウ読み込みイベントの違い

。

簡単に言うと、ドキュメントがロードされると、ready() がトリガーされます。このとき、すべてのリソースがロードされた後で、画像やその他のリソースが完全にロードされない可能性があります。

ready 関数のコードを見れば、すべてが明らかになります。以下のコードはコメント化されています:

// Handle when the DOM is ready
    ready: function() {
        // Make sure that the DOM is not already loaded
        if ( !jQuery.isReady ) {
            // Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
            if ( !document.body ) {
                return setTimeout( jQuery.ready, 13 );
            }

            // Remember that the DOM is ready
            jQuery.isReady = true;

            // If there are functions bound, to execute
            if ( readyList ) {
                // Execute all of them
                var fn, i = 0;
                while ( (fn = readyList[ i++ ]) ) {
                    fn.call( document, jQuery );
                }

                // Reset the list of functions
                readyList = null;
            }

            // Trigger any bound ready events
            if ( jQuery.fn.triggerHandler ) {
                jQuery( document ).triggerHandler( "ready" );
            }
        }
    },

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。