jquery学习笔记一之window.onload与$(document).ready()区别

1.window.onload与$(document).ready()区别

执行时机：前者必须等待网页中所有的内容加载完毕后（包括图片）才能执行，后者网页中说有的Dom结构绘制完毕后就执行，可能Dom元素关联的内容并没有加载完成。

<!DOCTYPE html>
<html>
<head>
	<title>test</title>
	<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
</head>
<body>
	<script type="text/javascript">
	window.onload = function(){
		alert("onload加载");
	}
	$(document).ready(function(){	//等待DOM元素加载完毕
		alert("hello jquery");
	});
	$(document).ready(function(){
		alert("again!!");
	});
	//简写
	$(function(){
		alert("three!!!");
	});
	</script>

</body>
</html>

　　2.click功能对比

<!DOCTYPE html>
<html>
<head>
	<title>test</title>
	<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
</head>
<body>
<p class="jqdemo">jquery demo</p>
<script type="text/javascript">
function demo(){
	alert('javascript demo');
}
$(".jqdemo").click(function(){
		alert('jquery demo');
	})
</script>
<p onclick="demo();">javascript demo</p>

<script type="text/javascript">
	
</script>
</body>
</html>