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

时间:2024-11-18 09:35:38

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

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

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

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

可以使用CreateElement等等.

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

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

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

比如://jQuery内部使用创建元素:

$("<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.οnlοad=function(){},

jQuery中使用如下方法:

可以使用如下语法:

$(document).ready();

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