DOM節點
父節點: parentNode,
子節點:childNodes
首個子節點:firstChild
末尾子節點:lastChild
兄弟子節點:nextSlibling、previousSlibling
原生Javascript:
1. appendChild()。
插入新的節點到節點列表末尾,返回的是新插入的節點。
2. insertBefore(newNode, prevNode)
插入新的節點到參照節點之前,成爲參照節點的兄弟節點。返回的是新增節點。
3. replaceChild(newNode, preNode)
使用newNode替換preNode節點,並返回preNode節點
4. remove(node)
從文檔樹中刪除node節點。該方法返回被刪除的節點。
5. cloneNode(bool)
在傳入參數爲true,表示深複製,將會複製節點及整個子節點數。
若傳參爲false或爲空,則表示淺複製。只複製節點本身。
複製返回的節點屬於文檔,但未對其指定父節點。該方法只會複製特性及子節點,不會複製事件處理函數等。
jquery:
1. addClass() 向匹配元素添加指定類名
2. after() 向匹配元素之後插入內容。不包括在匹配元素範圍內。
3. append() 向匹配元素的末尾插入內容,參數可以使函數返回值。
4. appendTo() 向匹配元素的末尾插入內容,與append功能一樣,只是內容和選擇器的位置不一樣
5. attr() 設置或返回元素的屬性和值
6. before() 在每個匹配的元素之前插入內容。不包括在匹配元素範圍內
7. clone() 創建匹配元素的副本。包含子節點及屬性,傳參爲true的時候會複製事件處理
8. detach() 從dom中移除匹配元素,
9. empty() 移除匹配元素得所有子節點
10. hasClass() 判斷匹配元素是否有該指定的類
11. html() 設置或返回html內容
12. insertAfter() 插入節點到匹配元素的後面
13. insertBefore() 插入元素到匹配元素 的後面
14. prepend() 插入元素到匹配元素的開頭,在匹配元素範圍內
15. prependTo() 同上
16. remove()
17. removeAttr()
18. removeClass()
19. replaceAll()
20. replaceWith()
21. text()
22. toggleClass()
23. unwrap()
24. val()
25. wrapAll()
26. wrapInner()