1、DOM節點的創建
（1）DOM節點的創建
創建元素：document.createElement
設置屬性：setAttribute
添加文本：innerHTML
加入文檔：appendChild
（2）jQuery節點的創建與屬性的處理
創建元素節點 $("<div></div>")
創建文本節點 $("<div>我是文本節點</div>")
創建屬性節點 $("<div id="" class="">我是屬性節點</div>")
2、DOM節點的插入
（1）DOM內部插入append()與appendTo() （從下面插入）
.append(content)：向每個匹配的元素內部追加內容 （對象在前，內容在後）
.appendTo(content)：把所有匹配的元素追加到另一個指定的元素集合中去 （內容在前，對象在後）
（append()前面是被插入的對象，後面是要在對象內插入的元素內容； appendTo()前面是要插入的元素內容，而後面是被插入的對象）
（2）DOM外部插入after()與before()
.after(content)：在匹配元素集合中的每個元素後面插入參數所指定的內容，作爲其兄弟節點 （向元素後邊添加HTML代碼）
.before(content)：據參數設定，在匹配元素的前面插入內容 （向元素前邊添加HTML代碼）
（3）DOM內部插入prepend()與prependTo() （從上面插入）
.prepend()向每個匹配的元素內部前置內容 （對象在前，內容在後）
.prependTo()把所有匹配的元素前置到另一個指定的元素集合中 （內容在前，對象在後）
（4）DOM外部插入insertAfter()與insertBefore() （兩個都是內容在前，對象在後）
insertBefore：在目標元素前面插入集合中每個匹配的元素
insertAfter：在目標元素後面插入集合中每個匹配的元素
3、DOM節點的刪除
（1）.empty()：清空指定元素中的所有後代節點，不能刪除自己本身的這個節點
（2）.remove()：a、該節點與該節點所包含的所有後代節點將同時被刪除
b、 提供傳遞一個篩選的表達式，用來過濾將被移除的匹配元素集合，刪除指定合集中的元素
（3）detach()：從當前頁面中移除該元素，與remove()不同的是，所有綁定的事件、附加的數據等都會保留下來。當你append之後，又重新回到了文檔流中。就又顯示出來了。
4、DOM節點的複製與替換
（1）拷貝
.clone()：只克隆了結構，事件丟失
.clone(true)：結構、事件與數據都克隆
（2）替換
replaceWith()：傳入一個新的內容B（HTML字符串，DOM元素，或jQuery對象）用來替換選中的節點A
replaceAll()：用集合的匹配元素替換每個目標元素
（3）包裹
.wrap()：在集合中匹配的每個元素周圍包裹一個HTML結構（即給選中元素增加一個包裹的父元素）
.unwrap()：刪除選中元素的父元素
.wrapAll()：wrap是針對單個dom元素處理，如果要將集合中的元素用其他元素包裹起來，也就是給他們增加一個父元素，wrapAll()
.wrapInner()：給集合中匹配的元素的內部，增加包裹的HTML結構
5、jQuery遍歷
（1）.children()方法：查找合集裏面的第一級子元素（只能是兒子輩）
（2）.find()：查找範圍包括子節點的所有後代節點 (兒子輩、孫子輩都可以)
（3）.parent()：查找合集裏面的每一個元素的父元素
（4）.parents()：查找合集裏面的每一個元素的所有祖輩元素
（5）.closest()：從元素本身開始，在DOM 樹上逐級向上級元素匹配，並返回最先匹配的祖先元素
（6）.next()：配合集中每一個元素的下一個兄弟元素
（7）.prev()：匹配合集中每一個元素的上一個兄弟元素
（8）.siblings()：匹配合集中每一個元素的同輩元素
（9）.add()：往合集中添加一個新的元素
（10）.each()：each是一個for循環的包裝迭代器，通過回調的方式處理，並且會有2個固定的實參，索引與元素，each回調方法中的this指向當前迭代的dom元素