$(document)的简单介绍

jquery问题$(document).ready(function()

第一种写法是保证在页面dom元素全部加载完毕后才给$（#submit）元素绑定click事件，而第二种则是直接绑定，这样的话当绑定语句运行时，$（#submit）元素有可能尚未加载到内存（这要看jq语句与html语句哪个在前哪个在后），造成绑定失败。

.ready（function（）{ alert（1） }）；没有这种语法，因为 （）的意思就是选取HTML 元素，并对它们执行“操作”，你括号里面是空的，没有对象啊，当然就是没有定义，所以会出现$ is not defined（没定义的意思）jQuery 语法实例 （this）.hide（）演示 jQuery hide（） 函数，隐藏当前的 HTML 元素。

示例jQuery 代码：$（document）.ready（function（）{// Your code here...}）；使用$（document）.ready（）的简写，并且具有安全保障（failsafe）的jQuery代码。

$ -- 指标识符，让浏览器知道这是jquery。$（function（）{}） --指等同于$（document）.ready（function（）{ 具体方法体 }）：作用是告诉浏览器当DOM结构完成后便执行这个方法，不同于onload，onload是内容加载完成后。

$(document).ready()的区别

document）.ready（）是DOM结构绘制完毕后就执行，不必等到加载完毕。

那么它和window.onload有何不同呢？window.onload是在网页中所有元素 加上所有资源 ++完全加++载到浏览器后才执行。而$（document）.ready（）中绑定的事件是在 dom完全就绪 时就可以被调用，此时对于jQuery来说都是可以被访问的（关联的资源可能并没有被加载完毕）。

最完整的写法是：$（document）.ready（function（）{}）ready（） 函数仅能用于当前文档，因此无需选择器。所以document选择器可以不要，那么就可以写成：（）.ready（function（）{}）最后$的默认事件就是ready，所以，ready也可以省略，写成：（function（）{}）；另外一个页面可以写多个ready方法的。

它们的主要区别有两点，①：window.onload函数是当网页中的所有的元素以及相关文件完全加载到浏览器之后才会执行。而jQuery中的$（document）.ready（）方法，只要DOM完全就绪时，就会执行了。

根据你的描述，如果不需要等待图片加载完成计算元图片大小，而是计算备用图的大小，并且问题中的脚本不依赖站外JS，可以把脚本放在$（function（）{}）；中执行，不必限定在文中的div中。

谈谈document.ready和window.onload的区别 （document）.ready（...） 和 window.onload 事件虽然具有类似的效果，但是，它们在触发操作的时间上存在着微妙的差异。 window.onload 当一个文件完全下载到浏览器中时，会触发 window.onload 事件。

$(document)和$(window)各是什么意思?

window）和$（document）获取到的对象不同。Window 对象表示一个浏览器窗口或一个框架。

简单地说，这个方法纯粹是对向window.load事件注册事件的替代方法。

document是window的一个对象属性。Window 对象表示浏览器中打开的窗口。如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。所有的全局函数和对象都属于Window 对象的属性和方法。document 对 Document 对象的只读引用。

function（$，window，document）这三个参数的意思是：①$ 是把jQuery传进来，这样你可以在function中可以继续使用$作为jQuery的引用 ②window 把当前的window（窗口）对象传进来 ③document 把当前的dom对象传进来，这样你可以操作dom对象。

指代不同 document对象：代表给定浏览器窗口中的 HTML 文档。window对象：表示浏览器中打开的窗口。作用不同 document对象：使用 document 对象可以对 HTML 文档进行检查、修改或添加内容，并处理该文档内部的事件。

window代表的是浏览器的窗口，是js中存在的全局对象，document代表的是文档对象，是HTMLDocument的实例，可以用来访问HTML页面中的所有元素，实现对页面结构的操作。document是window的一个属性。