$(document) 和$(window), BOM AND DOM ,

简单理解$(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(){.....});