$ (document). Ready () and Window.onload method comparison

Description

After the page loads the document, the browser adds events to the DOM element via Javascript. Javascript uses the Window.onload method, while JQuery uses the $ (document). Ready () method. $ (document). The Ready () method can greatly improve the speed of a WEB application because the method can manipulate the DOM as it is loaded and invoke the method that executes it to bind to it. The $ (document). Ready () method is slightly different from the Window.onload method during use.

Difference

$ (document). The Ready () method is similar in functionality to the Window.onload method, but it is slightly different in terms of execution timing. The Window.onload method is executed when all the elements in the Web page (including all associated files of the element) are fully loaded into the browser, that is, Javascript can access any element in the Web page at this time, and through $ (document). Ready () Method registers an event handler that can be called when the DOM element is fully ready. All of the elements of the page are accessible to jQuery, but this does not mean that the associated files for these elements have been downloaded.