jquery zzy

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<style type="text/css">
.bigDiv {
float: left;
margin-left: 15px;
}

.childDiv {
border: #84C5EC 3px solid;
width: 200px;
}

.childDiv .title {
height: 23px;
padding: 7px 10px 0;
background: #84C5EC;
text-align: center;
}

.childDiv .content {
padding: 5px 5px;
}

.spanGreen {
background-color: #CECECE;
border: 2px solid #CECECE;
text-align: center; width : 80%;
height: 30px;
margin-top: 10px;
margin-left: 35px;
margin-bottom: 5px;
width: 80%;
}
</style>
<script type="text/javascript">
  $(document).ready(function(){
     for(var j = 0 ; j < 5 ; j++)
     {
          var bigDiv = $("<div/>");
          bigDiv.addClass("bigDiv");
     
          var childDiv = $("<div/>");
          childDiv.addClass("childDiv");
     
          var titleDiv = $("<div/>");
          titleDiv.addClass("title");
          titleDiv.html("虚拟机");
     
          var contentDiv = $("<div/>");
          contentDiv.addClass("content");
     
     
          bigDiv.appendTo($(document.body));
          childDiv.appendTo(bigDiv);
          titleDiv.appendTo(childDiv);
          contentDiv.appendTo(childDiv);
     
         for(var i = 0 ; i < 4 ; i++)
         {
            var spanGreen = $("<div/>");
            spanGreen.addClass("spanGreen");
            spanGreen.html("实物机");
            spanGreen.appendTo(childDiv);
        }
     }
  });
</script>