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>");

    }

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