简单来说
$(document).ready是document准备就绪时触发的事件。
假设您已将jQuery代码放在
head一节中并尝试访问
dom元素（锚点，img等），则将无法访问它，因为它
html是从上到下解释的，并且当jQuery代码时不存在html元素运行。
为了克服这个问题，我们将每个jQuery /
javascript代码（使用DOM）放在
$(document).ready函数中，当
dom可以访问所有元素时会调用该函数。
这就是原因，当您将jQuery代码放在底部（在所有dom元素之后，在之前
</body>）时， 不需要
$(document).ready
出于与我上面解释的相同原因，仅在使用method 时才需要将
onmethod放入内部。
$(document).ready``on``document
//No need to be put inside $(document).ready $(document).on('click','a',function () { }) // Need to be put inside $(document).ready if placed inside <head></head> $('.container').on('click','a',function () { });编辑
根据评论，
$(document).ready
不等待图像或脚本。那$(document).ready
和之间的最大区别$(document).load
只有访问DOM的代码才应位于就绪处理程序中。如果是插件，则不应处于ready事件中。
