<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title
</title>
<script src="jquery-2.1.4.js"></script>
<style>
.
gaodu{
background-color:
aqua;
}
.
gaodu1{
color:
brown;
}
</style>
</head>
<body>
<p>
$(document).ready(function () {})和 window.onload = function () {}的区别：
前者只需要把文档中的框架加载出来之后就可以执行相应的内容，加载时间和效率相对来说都比较快，
而且可以书写多次，执行多次，每次内容不同结果就不同，但是后者要包括把所有的内容都加载出来，
包括下载出来图片，css样式，js样式等，后者一个页面只能存在一个，即使存在多个，但是总是最后一个生效，虽然可以执行多次，但是总是默认执行最后一个的结果
</p>
<script>
//下边的两者都执行
$(document).ready，类都发生了变化，不仅字体的颜色，同时字体的背景都发生了改变$(
function () {
$(
"p").
add(
"div").
addClass(
"gaodu");
})
$(
document).
ready(
function () {
$(
"p").
add(
"div").
addClass(
"gaodu1");
})
//下边的两者都执行window.onload ，但是仅仅类gaodu1的样式起了变化，说明多个window.onload 都执行时，只是显示最后一个结果：仅字体颜色变化 window.
onload =
function () {
$(
"p").
add(
"div").
addClass(
"gaodu"); }
window.
onload =
function () {
$(
"p").
add(
"div").
addClass(
"gaodu1"); }
</script></body></html>
