本文實例講述了jQuery創建DOM元素的使用技巧。分享給大家供大家參考。具體分析如下：
利用DOM方法創建元素節點，通常要將document.createElement()、document.createTextNode()、appendChild()配合使用，十分麻煩。
而jQuery使用$就可以直接創建DOM元素
復制代碼代碼如下:
var oNewP = $("<p>使用jQuery創建的內容</p>");
以上代碼等同于javascript
復制代碼代碼如下:
var oNewP2 = document.createElement("p");
var oText = document.createTextNode("這是使用javascript方法創建的內容");
oNewP2.appendChild(oText);
var oText = document.createTextNode("這是使用javascript方法創建的內容");
oNewP2.appendChild(oText);
例：使用jQuery創建DOM
復制代碼代碼如下:
<script type="text/javascript">
$(function(){
var oNewP = $("<p>使用jQuery創建的內容</p>");
oNewP.insertAfter("#display"); //insertAfter方法
})
$(function(){
var oNewP = $("<p>使用jQuery創建的內容</p>");
oNewP.insertAfter("#display"); //insertAfter方法
})
</script>
<div id="display"></div>
使用jQuery大大縮短了代碼長度。節省了編寫時間。
希望本文所述對大家的jQuery程序設計有所幫助。
