HTML页面加载完毕后，再运行JS业务

🍀原生JS

多个方法会被最后一个方法覆盖

window.onload = function(){
  //执行代码
}

🍀jQuery写法：

1. 等着 DOM 结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成。
2. 相当于原生 js 中的 DOMContentLoaded。
3. 同于原生 js 中的 load 事件，等页面文档、外部的 js 文件、css文件、图片加载完毕才执行内部代码。

//写法1：
jQuery(document).ready(function(){
  //执行代码
})

//写法2：
$(document).ready(function(){
  //执行代码
})

//写法3：
$().ready(function(){
  //执行代码
})

//写法4【建议】：
$(function(){
  //执行代码
})