jQuery中documen.ready()什么时候执行以及动态绘制结构事件绑定

documen.ready()在什么时候开始执行？

在网页中所有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(); // 注册删除事件

});

});

// 删除

function deleteAllDiv()
{

$('.del').click(function () {

$(this).parent("div").remove();

filecount--;

});

};



// 这样写错误。因为document.ready的时候，注册click事件的时候无法找到$('.del')这个对象

$('.del').click(fucntion())

{

}

</script>



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