JQuery与DOM创建HTML元素对比

JQuery创建HTML元素:

	var newTR = $("<tr></tr>");
	var newTD_1 = $("<td></td>");
	var newTD_2 = $("<td></td>");
	var newInput_1 = $("<input/>").attr("name", "testsiteHeader_" + initRow).attr("id", "testsiteHeaderID_" + initRow);
	var newInput_2 = $("<input/>").attr("name", "testsiteValue_" + initRow).attr("id", "testsiteValueID_" + initRow);
	
	newTD_1.append(newInput_1);
	newTD_2.append(newInput_2);
	newTR.append(newTD_1);
	newTR.append(newTD_2);
	$("#setHeaderTB").append(newTR); 

DOM创建HTML元素:

 	var newTR = document.createElement("tr");
	var newTD_1 = document.createElement("td");
	var newTD_2 = document.createElement("td");
	var newInput_1 = document.createElement("input");
	var newInput_2 = document.createElement("input");
	newInput_1.setAttribute("name", "testsiteHeader_" + initRow);
	newInput_1.setAttribute("id", "testsiteHeaderID_" + initRow);
	newInput_2.setAttribute("name", "testsiteValue_" + initRow);
	newInput_2.setAttribute("id", "testsiteValueID_" + initRow);
	
	var TB = document.getElementById("setHeaderTB");
	
	
	newTD_1.appendChild(newInput_1);
	newTD_2.appendChild(newInput_2);
	newTR.appendChild(newTD_1);
	newTR.appendChild(newTD_2);
	TB.appendChild(newTR);