2 回答

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