Perform a task after a page is loaded
we already knew $ (document) before. Ready () is a primary way for jquery to perform tasks based on page loading, However, it is important to know that native window.onload events can achieve the same effect, Although the two methods have similar effects, but there are subtle differences in the time they trigger the operation, which is only reflected when the resources are loaded to a certain extent.
When a document is completely downloaded into the browser, the window.onload event is triggered, while the $ (document). Ready () is called when the DOM is fully in place and can be used, although This also means that all elements are accessible to the script, but it does not mean that all associated files have been downloaded. In other words, when the HTML download is complete and parsed into the DOM tree, the code can run
Basic jquery Tutorial: Events (top)