Introduction to multiple methods and differences of jquery and js initialization Loading

Differences between jquery and js in page loading initialization:
Jquery: Wait for the page to load data and some page elements (excluding images and videos ),

Js: initialization and loading are performed only after all pages are loaded.

1. There are three methods for loading and initializing jQuery pages. scripts are executed when pages are loaded,

First (more common ):
Copy codeThe Code is as follows:
$. Function (){
Alert ("method 1 ");
});

Second:
Copy codeThe Code is as follows:
$ (Document). ready (function (){
Alert ("method 2 ");
});

Third:
Copy codeThe Code is as follows:
JQuery (function ($ ){
Alert ("method 3 ");
});

2. js initialization Loading Method
First:
Copy codeThe Code is as follows:
Window. onload = function (){
Alert ("initialization and loading ");
};

Second:
(WinOnload: custom method name)
Copy codeThe Code is as follows:
Function winOnload (){
Alert ("initialization and loading ");
};
WinOnload ();

Note: Because jquery uses the $ symbol, it conflicts with some components such as dwr. To solve this problem, you can use
Copy codeThe Code is as follows:
Var ace = jQuery. noConflict ();