Document Ready Event | jQuery

Hello All,

This blog is about Document Ready Event in jQuery,

Document Ready Event :
The document ready event is allowed to perform the functions once the page(DOM) gets loaded. Because in some cases the page takes time to get load.


Similarly There is also an another event called Windows load

Windows Load Event :
This event is also works like DOM.
The difference is, will allows to perform the function once the entire page (including images & iframes not only DOM) get loaded.


1. At .php file:

<!doctype html>
<html lang ="en">
<meta charset="utf-8">
<title>Document Ready Event</title>
<link rel="stylesheet" type="text/css" href="css/style.css"> 
Welcome to
<script type="text/javascript" src=""></script>
<script type="text/javascript" src="js/jQuery.js"></script>


2. At .js file:

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


Thanks for Reading !!!

Leave a Reply

Your email address will not be published. Required fields are marked *