js和jq添加新表格

javascript动态实现表格：

function createTable(rowCount,cellCount){
 　　var table = document.createElement('table');
  　　var tbody = document.createElement('tbody');
  　　for (var i = 0; i < rowCount; i++) {
    　　　　var tr = document.createElement('tr');
    　　　　for (var j = 0; j < cellCount;j++) {
      　　　　　　var td = document.createElement('td');
      　　　　　　tr.appendChild(td);
    　　　　}
    　　　　tbody.appendChild(tr);
  　　};
  　　table.appendChild(tbody);
  　　var a = document.getElementsByTagName('body');
  　　a.appendChild(table);
  　　table.setAttribute("border","1");
}
createTable(10,10);

jQuery动态实现表格：

    function CreateTable(rowCount,cellCount){
        var table=$("<table  border=\"1\">");
        table.appendTo($("body"));
        for(var i=0;i<rowCount;i++){
            var tr=$("<tr></tr>");
            tr.appendTo(table);
            for(var j=0;j<cellCount;j++){
                   var td=$("<td>"+ +"</td>");
                   td.appendTo(tr);
            }
         }
        $("body").append("</table>");
    }

两种方式的原理是一样的，不同的是添加子元素的方法不一样！