一、 創建節點：
節點是DOM結構的基礎，根據DOM規范，節點是一個很寬泛的概念，包含元素、屬性、文本、文檔和注釋。但在實際開發中，要動態創建內容，主要操作的節點包括元素、屬性和文本。
1、需求：創建一個h1 標簽，把它作為div元素的子節點添加到DOM節點樹中。
2、基本思路是：先創建一個h1元素對象，然後添加到文檔中。
3、以下是兩種實現方式：
// jQuery方式
var $h1 = $("<h1 title='創建節點' class='head'>jQuery與JavaScript創建節點比較</h1>");
$("div").append($h1);
//JavaScript方式
var div = document.getElementById("div1");
var h1 = document.createElement("h1");//創建h1對象
h1.setAttribute("title","創建節點");//為h1對象創建屬性節點，並設置屬性值
h1.setAttribute("class","head");//為h1對象成交價屬性節點class，並設置屬性值
var txt = document.createTextNode("jQuery與JavaScript創建節點比較");
h1.appendChild(txt);//將文本增加到元素節點中
div.appendChild(h1);//把創建的h1對象添加到div中
4、兩種方式比較：
1)、代碼輸入：jQuery創建元素節點操作簡單，僅兩行代碼即可快速實現。JavaScript實現比較麻煩，用戶需要分別創建元素節點和文本節點，然後再一步步地把文本節點添加到元素節點中，最後才能夠添加到DOM結構樹中。
2)、從執行角度分析：在Safari浏覽器中，JavaScript實現要比jQuery實現快80倍以上，而在執行速度最慢的IE浏覽器，兩者差別也在10倍以上
以上所述是本文的全部內容，有問題的可以和小編聯系，下篇文章介紹jQuery與JavaScript插入元素的方法對比，大家可以關注下。。