1. 程式人生 > >jquery中的$(function(){...})什麼時候執行

jquery中的$(function(){...})什麼時候執行

documen.ready()在什麼時候開始執行?

$(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()是沒有用的!