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