The time when the ready () function is executed in jquery is compared with the load event in window _ jquery

This article describes how to compare the execution time of the ready () function in jquery with the load event in the window. For more information, see ready () in jquery () the implementation is the DOMContentLoaded event. The differences between DOMContentLoaded and window load events

In short, ready () is triggered when the file is loaded. At this time, images and other resources may not be fully loaded. load is triggered only after all resources are loaded.

Let's take a look at the code of the ready function. The following code adds a comment:

// 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" );            }        }    },

The above is all the content of this article. I hope you will like it.