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

 

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

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

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

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編程'>簡(jiǎn)單易懂的PHP編程</li> 
4.   <li title='JavaScript編程'>簡(jiǎn)單易懂的JavaScript編程</li> 
5.   <li title='JQuery編程'>簡(jiǎn)單易懂的JQuery編程</li> 
6. </ul>