$(document).ready(function()详解

https://blog.csdn.net/Thinkingcao/article/details/56486608

1、

$就是jquery的简写，$()就是一个选择器，document是html的所有元素，$(document）返回一个数组，而这个数组是一个对象，这个对象调用ready方法，function则是ready里面的参数，就是说等这个页面全部加载完之后就去执行写入的js。而且在$(document）.ready(function(){ });里面写入的js特效是和下一个里面写入的特效是不冲突的，俩者之间是不影响的，因此可以通过$(function(){});在一个页面中加载多个js。

个人意见：不管怎么样，要写一个js特效，就加一个$(document）.ready(function(){ });，当然这个是有简写的，就是$(function(){});

2、

ready()函数用于在当前文档结构载入完毕后立即执行指定的函数。

该函数的作用相当于window.onload事件。

这两个函数的用法：用于处理DOM节点加载、图片显示以及动态资源请求。$(document).ready(function(){...})与window.load执行顺序：$(document).ready(...)是在页面加载完所有DOM节点文档结构和jquery文件加载完成 （不然无法使用$） 后开始执行，window.onload则是在页面加载所有资源后 才开始执行。

也就是说window.onload要等到所有图片，外链资源都加载完后才开始执行，也因此window.onload只允许定义一个（实际 是可以定义多个，但只有最后一个有效，相当于前面会被覆盖掉），而$(function(){...})可以允许定义多个，并且按照定义的先后顺序先后执 行。对于大部分应用情况下，$(function(){...})可以说完胜window.onload，因此其执行时间早，用户体验就更好。