Document Ready Event

You can notice in any Jquery example or code all jQuery methods are inside a document ready event. This event prevent any jQuery code from running before the document is finished loading, It means jquery code load after complete loading of web page.

Why need Document Ready Event

Document Ready Event prevent any jQuery code from running before the document is finished loading. Suppose if your jquery code load before loading the image in this case you can't get the size of images. In below condition action are failed when method run before the document is fully loaded.
  • Try to get size of any image which is not loaded yet.
  • Try to hide element which is not loaded yet.

Syntax

$(document).ready(function()
{

   // jQuery methods

});