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();

或者使用簡便語法:$();


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM