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

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

This article mainly introduces information about the timing of ready () function execution in jquery and the window load event comparison. For more information, see

Jquery ready () implements 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:

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

// 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.