请问怎么形象地理解这个东西，老忘记在开头写这个函数以至于整个代码运行不了。可以理解为是加载后规定要运行这个函数？它是可有可无吗？
W3CSchool中的解释：“当 DOM（文档对象模型） 已经加载，并且页面（包括图像）已经完全呈现时，会发生 ready 事件。
由于该事件在文档就绪后发生，因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。正如上面的例子中那样。
ready() 函数规定当 ready 事件发生时执行的代码。
ready() 函数仅能用于当前文档，因此无需选择器。”
这个文档有点偏差吧，$.ready()是dom结构加载完成执行函数，并不是页面完全呈现（这个是load）,类似DOMContentLoaded事件
关键你要搞清楚，为啥你没写这个的时候会导致整个代码运行不了，因为你的js里面有dom操作，而且写在了head中，如果不使用ready或者其他类似手段，在执行的时候，dom元素尚未生成，所以dom操作会报错从而把后面的代码全部卡住
所以如果你所有的js都没有dom操作，或者你把js放在了dom元素下面，或者没有其他需要在加载完才要执行的操作，那么ready就是可有可无的，反之则是必须的
代码放在body底部就可以不要