jQuery监听文档加载

◼ jQuery监听document的DOMContentLoaded事件的四种方案

 $( document ).ready( handler )  ： deprecated
 $( "document" ).ready( handler ) ： deprecated
 $().ready( handler ) ：deprecated
 $( handler ) ：推荐用这种写法，其它可以使用但是不推荐

   // 监听文档加载
    // 方式一
    var $doc = $(document)
    $doc.ready(function(){
      console.log("document 加载完成")
    })
   // 方式二
   $("document").ready(function(){
    console.log("doucment 加载完成")
   })
   // 方式三
   $().ready(function(){
    console.log("doucment 加载完成")
   })
   // 方式四(推荐)
   $(function(){
    console.log("document 文档加载完成")
   })

◼ 监听window的load事件，即网页所有资源（外部连接，图片等）加载完

 .load( handler ) ： This API has been removed in jQuery 3.0
 $(window).on('load', handler) : 推荐写法

  $(window).on(load,function(){
    console.log("所以文档加载完成")
  })