jQuery Document Ready – $(document).ready()

jQuery Document Ready – $(document).ready()

The jQuery Document Ready makes sure the page DOM is ready for the code to execute. All the jQuery Codes are placed inside it.

$(document).ready(function() {
    alert('DOM is Ready');
});

We can also use the shorthand $() for $(document).ready().

// Shorthand for $( document ).ready()
$(function() {
    alert('DOM is Ready');
});

Example of a Button Click

In this example I will show how to place a button click event in jQuery. I will place this event inside the $(document).ready().

$(document).ready(function(){
    $("button").click(function(){
       alert('Button is Clicked');
    });
});

Note – In the above code If you do not place the button click event inside document ready function then you will find the code not executing at all.

Therefore always place all your codes inside jQuery Document Ready function.

DEMO DOWNLOAD

Share this article -

yogihosting

ABOUT THE AUTHOR

This article has been written by the Technical Staff of YogiHosting. Check out other articles on “WordPress, SEO, jQuery, HTML” and more.