JavaScript中創建DOM節點
創建流程:
1.創建元素 document.createElement()
2.為節點添加一下屬性 element.setAttribute();
3.可以使用innerText或則innerHTML屬性添加文本或則HTML內容
4.使用parentElement.appendChild()方法將新創建的節點添加到父節點中
jQuery節點的創建:$()函式處理,$("html結構")
jQuery創建的節點是一個jQuery物件
節點的插入:
append(content|fn):向每個匹配的元素內部追加內容:
$(A).append(B);將B添加到A中
appendTo(content):把所有匹配的元素追加到另一個指定的元素元素集合中:
$(A).appendTo(B);把A追加到B中
總結:這兩個方法功能相同,主要的不同是語法—>內容和目標的位置不同
prepend(content):向每個匹配的元素內部前置內容:
$(A).prepend(B);將B添加到A中(和append添加的元素有位置上的區別)
prependTo(content):把所有匹配的元素前置到另一個、指定的元素元素集合中:
$(A).prependTo(B);把A追加到B中
節點的外部插入:
after(content|fn):在每個匹配的元素之后插入內容:
$(A).after(B); 在A后面插入B元素
before(content|fn):在每個匹配的元素之前插入內容:
$(A).before(B);在A前面插入B元素
insertAfter(content):把所有匹配的元素插入到另一個、指定的元素元素集合的后面:
$(A).insertAfter(B) 在B后面插入A元素,與$(A).after(B)是相反的操作,但是功能一樣
insertBefore(content):把所有匹配的元素插入到另一個、指定的元素元素集合的前面:
$(A).insertBefore(B)在B前面面插入A元素,與$(A).before(B)是相反的操作,但是功能一樣
節點的洗掉:
1. empty() 洗掉匹配的元素集合中所有的子節點
2. remove([expr]) 從DOM中洗掉所有匹配的元素。expr:用于篩選元素的jQuery運算式
3. detach() 從DOM中洗掉所有匹配的元素。這個方法不會把匹配的元素從jQuery物件中洗掉,
因而可以在將來再使用這些匹配的元素。與remove()不同的是,所有系結的事件、
附加的資料等都會保留下來;$("div").detach()這一句會移除物件,但只是顯示的效果沒有了而已,
而記憶體中還是存在的。當你append之后,又會重新回到了檔案流中,這樣就又顯示出來了。
uj5u.com熱心網友回復:
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/35388.html
標籤:非技術區
上一篇:如何獲取空間檔案夾串列
下一篇:無
