jquery的 $(function(){ }) = $(document).ready(function(){ }) ,及页面的加载顺序

document.ready和onload的区别:
一、JavaScript文档加载完成事件页面加载完成有两种事件一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件)

二、是onload,指示页面包含图片等文件在内的所有元素都加载完成。

用jQ的人很多人都是这么开始写脚本的:
  $(function(){
// do something
  }); 

其实这个就是jq ready()的简写,他等价于:

  $(document).ready(function(){
//do something
  });

或者下面这个方法,jQuer的默认参数是:“document”;

  $().ready(function(){
//do something
  });

这个就是jq ready()的方法就是Dom Ready,他的作用或者意义就是:在DOM加载完成后就可以可以对DOM进行操作。

一般情况下一个页面响应加载的顺序是:
    域名解析-> 加载html-> 加载js和css ->加载图片等其他信息。

那么Dom Ready应该在“加载js和css”和“加载图片等其他信息”之间,就可以操作Dom了。

原文地址:https://www.cnblogs.com/zhanghongqiang/p/4092655.html