2 回答

TA貢獻1803條經(jīng)驗 獲得超3個贊
1、創(chuàng)建元素節(jié)點
創(chuàng)建元素節(jié)點并且把節(jié)點作為<ul>元素的子節(jié)點添加到DOM節(jié)點樹上。先創(chuàng)建元素點,創(chuàng)建元素節(jié)點使用Jquery的工廠函數(shù)$()來完成,格式如下:$(html),該方法會根據(jù)傳入的html字符串返回一個DOM對象,并將DOM對象包裝成一個JQuery對象后返回。創(chuàng)建一個元素節(jié)點JQuery代碼如下:
$li1=$("<li></li>")
代碼返回$li1就是一個由DOM對象包裝成的JQuery對象。把新建節(jié)點添加到DOM樹中JQuery代碼如下:
$("ul").append($li1);
添加后頁面中只能看到<li>元素默認(rèn)的"·",由于沒有為節(jié)點添加文本所以只顯示默認(rèn)符號,下面創(chuàng)建文本節(jié)點。
PS:append()方法是添加DOM節(jié)點方法詳見增--添加DOM節(jié)點。
2、創(chuàng)建文本節(jié)點
使用JQuery的工廠函數(shù)$()同樣能夠創(chuàng)建文本節(jié)點,創(chuàng)建文本節(jié)點的JQuery代碼如下:
$li2=$("<li>蘋果</li>");
代碼返回$li2就是一個由DOM對象包裝成JQuery對象,把新建的文本節(jié)點添加到DOM樹中JQuery代碼如下:
$("ul").append($li2);
添加后頁面中能看到"·蘋果",右鍵查看頁面源碼發(fā)現(xiàn)新加的文本節(jié)點沒有title屬性。下面方法創(chuàng)建帶屬性的節(jié)點。
3、創(chuàng)建屬性節(jié)點
創(chuàng)建屬性節(jié)點同元素節(jié)點、文本節(jié)點一樣使用JQuery的工廠函數(shù)完成。創(chuàng)建屬性節(jié)點的JQuery代碼如下:
$li3=$("<li title='榴蓮'>榴蓮</li>");
代碼返回$li3也是一個由DOM對象包裝成JQuery對象,把新建的屬性節(jié)點添加到DOM樹中JQuery代碼如下:
$("ul").append($li3);
添加后頁面中能看到"·榴蓮",右鍵查看頁面源碼發(fā)現(xiàn)新加的屬性節(jié)點有title='榴蓮'屬性。
- 2 回答
- 0 關(guān)注
- 939 瀏覽
添加回答
舉報