jQuery创建新元素简述(Create New Element)

本篇是我jQuery系列文章网摘第三篇，简述jQuery创建新的元素,希望持续关注下面的文章:

旧的创建元素的方法是：document.getElementById("testDiv").innerHTML="<div>

</div>";但是这种做法是错误的：原因在于页面加载时改变了页面的结构，在IE6中，如果网络变慢

或者页面内容太大就会出现终止操作的错误，也就是说不要在页面加载时改变页面的Dom模型.

可以使用CreateElement等等.

jQuery创建对象更加简单,比如创建一个Div元素：

$("<div style='border:solid 1px #FFoooo'>动态创建的div</div>")

jQuery中当HTML字符串是没有属性的元素时，内部使用document.createElement创建元素，推荐使用此种方法：

比如：//jQuery内部使用document.createElement创建元素：

$("<div/>").css("border","solid 1px #FFOOOO").html("动态创建的div").appendTo(testDiv);

否则使用innerHTML方法也可以：

//jQuery内部使用innerHTML创建元素：

$("<div style='border:solid 1px #FFOOOO'>动态创建的div</div>").appendTo(testDiv);

我们可以使用上面两种方式创建一个元素，但是上面已经提到一定不要在页面加载时就改变

页面的DOM结构，传统上使用window.onload可以避免上述问题，window.onload=function(){},

在jQuery中使用如下方法：

可以使用如下语法：

$(document).ready();

或者使用简便语法：$();