Call JS Implementation when loading pages using jquery _jquery

1,window.onload = function () {};

2,$ (document). Ready (function () {});

One, the general load page when calling the JS method is as follows:

Window.onload = function () {  
$ ("Table tr:nth-child (even)"). AddClass ("even");//This is the jquery code  
}; 

This code is executed after the entire page's document is loaded and completed. Unfortunately this way not only requires that the DOM tree of the page be loaded completely, but all external pictures and resources are required to complete loading. Unfortunately, if the external resources, such as the picture takes a long time to load, then this JS effect will make the user feel ineffective.

Second, using jquery method to load the page

$ (document). Ready (function () {  
//any need to perform JS effect  
$ ("Table tr:nth-child (even)"). AddClass ("even");  

Just load all the DOM structures and perform the JS effect before the browser puts all the HTML into DOM tree. Included before loading external pictures and resources.

Its shorthand way:

$ (function () {  
//any need to perform JS effect  
$ ("Table tr:nth-child (even)"). AddClass ("even");  

Use the shorthand for $ (document). Ready (), while the internal JQuery code still uses $ as an alias, regardless of the global $.

JQuery Code:

JQuery (function ($) {
  //You can continue using $ as alias ...
 });

The above use of jquery to load the page to call JS implementation method is small series to share all the content, hope to give you a reference, but also hope that we support cloud habitat community.