這篇文章主要介紹了JQuery插入DOM節(jié)點的方法,實例分析了jQuery實現(xiàn)DOM結(jié)點插入所涉及的常見函數(shù)使用技巧,需要的朋友可以參考下

 

本文實例講述了JQuery插入DOM節(jié)點的方法。分享給大家供大家參考。具體分析如下：

動態(tài)創(chuàng)建HTML元素并沒有實際用處，還需要將新創(chuàng)建的元素插入文檔中。將新創(chuàng)建的節(jié)點插入文檔最簡單的辦法是，讓它成為這個文檔的某個節(jié)點的子節(jié)點。前面使用了一個插入節(jié)點的方法append()，它會在元素內(nèi)部追加新創(chuàng)建的內(nèi)容。

將新創(chuàng)建的節(jié)點插入某個文檔的方法并非只有一種，在JQuery中還提供了其他兒種插入節(jié)點的方法，如下表所示。讀者可以根據(jù)實際需求靈活地做出多種選擇。

HTML DOM結(jié)構(gòu)如下：
 

1. <p class="nm_p" title="歡迎訪問武林網(wǎng)" >歡迎訪問武林網(wǎng)</p> 
2. <ul class="nm_ul"> 
3.   <li title='PHP編程'>簡單易懂的PHP編程</li> 
4.   <li title='JavaScript編程'>簡單易懂的JavaScript編程</li> 
5.   <li title='JQuery編程'>簡單易懂的JQuery編程</li> 
6. </ul>