jQuery建立DOM元素實例解析_jquery

本文實例講述了jQuery創建DOM元素的使用技巧。分享給大家供大家參考。具體分析如下：

利用DOM方法建立元素節點，通常要將document.createElement()、document.createTextNode()、appendChild()搭配使用，十分麻煩。

而jQuery使用$就可以直接建立DOM元素

複製程式碼 程式碼如下:

var oNewP = $("

使用jQuery建立的內容

");

以上程式碼等同於javascript

複製程式碼 程式碼如下:

var oNewP2 = document.createElement("p");
var oNewP2 = document.createElement("p");
var oText = document.createTextNode("這是使用javascript方法建立的內容");

oNewP2.appendChild(oText);

例：使用jQuery建立DOM

複製程式碼

程式碼如下:

使用jQuery大大縮短了程式碼長度。節省了編寫時間。

希望本文所述對大家的jQuery程式設計有所幫助。