知识扩展
讲解$(function(){});
$是jQuery别名。如$()也可jQuery()这样写,相当于页面初始化函数，当页面加载完毕，会执行jQuery()。
希望在做所有事情之前，JQuery操作DOM文档。必须确保在DOM载入完毕后开始执行，应该用ready事件做处理HTML文档的开始
$(document).ready(function(){});
类似于js的window.onload事件函数，但是ready事件要先于onload事件执行
window.onload = function(){};
为方便开发，jQuery简化这样的方法，直接用$()表示
JQuery的ready事件不等于Js的load：
执行时机不同：load需要等外部图片和视频等全部加载才执行。ready是DOM绘制完毕后执行，先与外部文件
用法不同：load只可写一次，ready可以多次