DIV CSS 佈局教程網

利用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);

例：使用jQuery創建DOM

代碼如下:
<script type="text/javascript">
        $(function(){
            var oNewP = $("<p>使用jQuery創建的內容</p>");
            oNewP.insertAfter("#display");     //insertAfter方法
        })
       
        </script>
        <div id="display"></div>

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