首頁 >web前端 >js教程 >jQuery學習筆記之創建DOM元素_jquery

jQuery學習筆記之創建DOM元素_jquery

WBOY
WBOY原創
2016-05-16 16:19:221020瀏覽

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

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

複製程式碼 程式碼如下:

var oNewP = $("

使用jQuery創建的內容

");

以上程式碼等同於javascript

複製程式碼 程式碼如下:

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

例:使用jQuery建立DOM

複製程式碼 程式碼如下:


       

使用jQuery大大縮短了程式碼長度。節省了編寫時間。希望本文能給小夥伴們一些提示,有疑問請留言給我。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn