简单理解$(document)和$(window):
document(DOM)
我们使用jquery时,会这么写:
$(document).ready(function(){.........}); 或者 $(function(){.........}),两者的作用是相同的;
即:在文档结构加载完成之后再执行函数里面的内容,那么document是什么,简单来说就是你写的标签
或者说各个节点,注意:不包括具体内容,
例如:<img src="aa.png" alt="#">
上面的img标签或者说节点就是document,但是不包括这张图片资源,
img节点加载完成之后,函数就开始执行,这个时候图片资源不一定也加载进来;
window (BOM)
如果说让一切都加载进来然后再处理,那么就用到了$(window);
必须节点和资源都加载进来才可以,这是区别;
另外:window比document大,什么意思,document是window的儿子;
父: window
子: document
所以document.on(" load",function(){......}) == window.document.on(" load",function(){.....});