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>