$(function(){ });

$(document).ready(function(){
  ...
});

可以简写成：

$(function(){ 
  ...	
});

是在页面DOM加载完成后执行的代码，而window.onload需要页面DOM和图片都加载完成后才执行，所以前者效率更高 。

$(document).ready() 里的代码是在页面DOM都加载完才执行的，如果把代码直接写到script标签里，当页面加载完这个script标签就会执行里边的代码了，此时如果你标签里执行的代码调用了当前还没加载过来的代码或者DOM，那么就会报错，当然如果你把script标签放到页面最后面那么就没问题了，此时和ready效果一样。