(document).ready(function(){...});
优于window.onload，后者必须等到页面内包括图片的所有元素加载完毕后才能执行
在网页中所有DOM结构绘制完毕后就执行。可以简写成：$(function (){ }）;
但我们来看这段代码：
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
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>
</head>
<body>
<div id="files">12123123</div>
</body>
</html>
content是我们自己后来绘制出来的！DOM一开始加载的时候，没有这个结构！所以把它写在documen.ready()是没有用的！
网友评论