本文环境：windows10、jquery2.2.4，本文适用于所有品牌的电脑。

$(document).ready()是DOM结构绘制完毕后就执行。

这个是在页面DOM文档加载完成后加载执行的，等效于$(document).ready(function(){...}); 优于window.onload，后者必须等到页面内包括图片的所有元素加载完毕后才能执行

在网页中所有DOM结构绘制完毕后就执行。可以简写成：$(function (){ }）;

但我们来看这段代码：

<script type="text/javascript">
        var maxfile = 5;                   // 最大文件数
        var filecount = 1;                 // 文件计数器
        $(function () {
           
            // 添加文件
            $("#addAttach").click(function () {
                if (filecount > maxfile) {
                    alert("您已超过允许上传文件数!");
                    return false;
                }
                filecount++;
                var content = "<div><input type='file'>" + "<a href='#' class='del'>删除
                             附件</a><br/></div>";
                $("#files").append(content);
                // 注册删除事件
                deleteAllDiv();
            });
        });
        // 删除
        deleteAllDiv = function () {
            $('.del').click(function () {
                $(this).parent("div").remove();
                filecount--;
            });
        };
       </script>

content是我们自己后来绘制出来的！DOM一开始加载的时候，没有这个结构！所以把它写在documen.ready()是没有用的！