$(document).ready(function(){}) for details

summer · Posted on 2/13/2019 11:16:07 AM

The difference between document.ready and onload - the JavaScript document load completion event
There are two types of events when the page is loaded
One is ready, which means that the document structure has been loaded (excluding non-text media files such as images).
The second is onload, which indicates that all elements of the page, including images and other files, are loaded.

This is how many people who use jQ start writing scripts:

Login is visible.

In fact, this is the abbreviation of jq ready(), which is equivalent to:

Login is visible.

//或者下面这个方法，jQuer的默认参数是：“document”；

Login is visible.

This is the method of jq ready() is Dom Ready, and its function or meaning is: after the DOM is loaded, you can operate on the DOM.
In general, the order in which a page responds to load is as follows:Domain name resolution - load html - load js and css - load images and other information.
Then Dom Ready should be between "load js and css" and "load other information such as images", and you can operate Dom.

[Jquery] $(document).ready(function(){}) for details

Related Posts

Sections viewed