本篇是我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();

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

posted on 2013-11-21 17:25  李东振  阅读(9130)  评论(0编辑  收藏  举报