DOM簡介
DOM(Document Object Model，文檔對象模型)：是W3C組織推薦的處理可擴展標誌語言的標準編程接口。在網頁上，組織頁面（或文檔）的對象被組織在一個樹形結構中，用來表示文檔中對象的標準模型就稱爲DOM。
DOM樹就是網頁中的元素由上到下的分支結構，下圖爲簡單的DOM樹例子：
Jquery對DOM的操作一般是：元素屬性、內容、值、CSS樣式的操作
元素屬性操作
獲取和設置元素屬性
用attr()獲取和設置元素的屬性：
獲取屬性：attr(屬性名)
設置屬性：attr(屬性名，值)
其中，設置屬性時，值可爲函數，函數返回值爲要設置的值
刪除元素的屬性
用removeAttr(屬性名)移除元素的屬性
元素內容操作
Jquery操作內容的方法包括：html()和text()
html()用於獲取或設置元素內容，即：內容可用HTML語句添加樣式
text()用於獲取或設置元素內容，但只是純文本內容
獲取或設置元素值
用val()獲取或設置元素值，帶參數則爲設置，參數爲要設置的值。不帶參數則爲獲取值。
元素樣式操作
用css(樣式名，樣式值)設置元素樣式，若爲多個樣式則格式爲：css({樣式名：樣式值，樣式名：樣式值，....})
添加類別
用addClass(類名)添加類，可添加多個，用逗號隔開
類別切換
用toggleClass(類名)，若當元素中有此類名的CSS類別，則刪除，沒有則添加。一般用於元素的有無樣式的狀態轉換。
刪除類別
用removeClass(類名)，參數：類名，爲可選，且可有多個類名。當有參數時，刪除指定的一個或多個類，若無參數則刪除元素的所有類別
創建節點元素
函數$()用於動態創建頁面元素，語法：$(html)。
其中，參數html就是具有html語法的字符串。
插入節點
按照插入元素的順序可分爲：內部和外部插入
內部插入
外部插入
複製節點
clone()：複製匹配的DOM元素並選中複製成功的元素，該方法僅複製元素本身，被複制後的新元素不具有任何元素行文，若需要複製元素時複製行爲時則可用clone(true)
替換節點
替換節點的方法：replaceWith()、replaceAll()
replaceWith(content)：將所有選擇的元素替換成指定的HTML或DOM元素，其中參數content爲被選擇元素替換的內容
replaceAll(selector)：將所有選擇的元素替換成指定的selector的元素，其中，參數selector爲需要被替換的元素
調用格式：$(“#ID或.類名或元素名”).replaceWith()/replaceAll()
包裹節點
其中，wrap(html)和wrapInner(html)最爲常用，前者包裹外部元素，後者包裹元素內部的文本字符
遍歷元素
each(callback)：用於元素的遍歷，callback爲回調函數，此函數可有參數index用於遍歷元素的序號(從0開始)
刪除元素
刪除元素的方法：remove()、empty()
remove()：可有參數，該參數爲篩選元素的Jquery表達式，用於獲取去指定的元素並刪除
empty()：用於清空所選擇的頁面元素或所有後代元素
