$(document).ready(function(){
//slides a DOM object down.
$('div').slideDown();
});
$(document).ready(function(){}
/*
function(){
jQuery magic;
}
Indicates that some function will be executed here.
*/
)
$(document).ready(
//$(document)
//indicates that the javascript in the file will affect the 'document',
//in this case the index.html
//.ready()
//is a function that tells that the events will happen as soon as the HTML loads.
);
<!DOCTYPE html>
<html>
<head>
<title></title>
<!--the script tag links html and javascript.-->
<script type='text/javascript' src='script.js'> </script>
<!--this script links to the jQuery libraries..-->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.js"></script>
<!--CSS reference-->
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
</head>
<body>
<div></div>
</body>
</html>