$(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,因此其执行时间早,用户体验就更好。