Опитах се да гледам уроци от сорта на JS и jQuery колкот и да не разбирам много, интересни са ми

.
Проблема обаче с който се сблъсках е много противоречив на това което гледах и незнам защо става така и бих искал някой да ми обясни зада мога да продължа нататък.
<script type="text/javascript">
$(document).ready(function(){
// според изгледаните уроци това означава, че скрипта написан между 2 и 4 ред ще се изпъли след пълното заерждане на станицата !
});
</script>
също така :
<script type="text/javascript">
$(function(){
// според изгледаните уроци това означава същото като горното но в по съкратен вариянт !
});
</script>
Тогава защо :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
$(document).ready(function(){
function test(){
var a=1
if(a!=0){
alert("stava");
function stava(){
alert("stava");
}
}
}
});
</script>
<title>SetTimeOut</title>
</head>
<body>
<input type="submit" value="natisnime" name="sub" onclick="test()"/>
</body>
</html>
Написан така кода
НЕ РАБОТИ, а трябва да се напише така :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
$(document).ready(function(){
});
function test(){
var a=1
if(a!=0){
alert("stava");
function stava(){
alert("stava");
}
}
}
</script>
<title>SetTimeOut</title>
</head>
<body>
<input type="submit" value="natisnime" name="sub" onclick="test()"/>
</body>
</html>
Вйждам каква е разликата но немога да я осъзная защото във уроците се говори за едно а тука става друго, а сигурно и аз греша някъде, моля помогнете.
Благодаря за вниманието и отделеното от вас време!