2 回答

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