本篇是我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();
或者使用简便语法:$();