jQuery ready与 window.onload

用 jQuery操作文档，应该确保在 DOM 再载入完毕后。使用 ready 事件作为处理 HTML 文档的开始。

$(document).ready(function(){
    //代码
})

类似于 window.onload 事件处理函数，但是 jQuery 的 ready 事件的优先级别更高。

如：

<!DOCTYPE>
<html>
    <head>
        <meta charset="utf-8">
        <script src="../../Library/jquery-3.3.1.min.js"></script>
        <script>
            window.onload = function(){
                alert("Hello action");
            }
            $(document).ready(function(){
                alert("Hello ok");
            })
        </script>
    </head>
    <body>

    </body>
</html>

上面的代码，从执行效果可以看到：
首先出现警告框提示"Hello ok"，然后再提示"Hello action"。

可以将 jQuery 的 ready 事件的写法进一步简化：

$(function(){
    //代码
})