DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery創建DOM元素實例教程解析
jQuery創建DOM元素實例教程解析
編輯:JQuery特效代碼     

本文實例講述了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);
例:使用jQuery創建DOM
代碼如下:<script type="text/javascript">
$(function(){
    var oNewP = $("<p>使用jQuery創建的內容</p>");
    oNewP.insertAfter("#display");     //insertAfter方法
})

</script>
<div id="display"></div>

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved