jQuery的一個非常重要的部分是可以操縱DOM元素。
jQuery提供了有效地操作HTML元素，屬性和CSS的方法。
這些方法檢查和操作分配給元素的類屬性：
| 方法 | 描述 |
|---|---|
| addClass() | 將一個或多個類名稱添加到所選元素 |
| hasClass() | 檢查是否有任何選定的元素具有指定的類名 |
| removeClass() | 從所選元素中刪除一個或多個類 |
| toggleClass() | 在添加/刪除所選元素中的一個或多個類之間切換 |
這種方法使我們可以復(fù)制元素：
| 方法 | 描述 |
|---|---|
| clone() | 創(chuàng)建所選元素的深層副本 |
這些方法使我們可以在現(xiàn)有內(nèi)容周圍插入新內(nèi)容：
| 方法 | 描述 |
|---|---|
| wrap() | 將HTML元素環(huán)繞每個選定的元素 |
| wrapAll() | 將HTML元素環(huán)繞所有選定的元素 |
| wrapInner() | 將HTML元素環(huán)繞每個選定元素的內(nèi)容 |
這些方法使我們可以在現(xiàn)有元素中插入新內(nèi)容：
| 方法 | 描述 |
|---|---|
| append() | 在所選元素的末尾插入內(nèi)容 |
| appendTo() | 在所選元素的末尾插入HTML元素 |
| html() | 設(shè)置或獲取所選元素的HTML內(nèi)容 |
| prepend() | 在所選元素的開頭插入內(nèi)容 |
| prependTo() | 在所選元素的開頭插入HTML元素 |
| text() | 設(shè)置或獲取所選元素的文本內(nèi)容 |
這些方法使我們可以在現(xiàn)有元素之外插入新內(nèi)容：
| 方法 | 描述 |
|---|---|
| after() | 在所選元素之后插入內(nèi)容 |
| before() | 在所選元素之前插入內(nèi)容 |
| insertAfter() | 在所選元素之后插入HTML元素 |
| insertBefore() | 在所選元素之前插入HTML元素 |
這些方法使我們可以從DOM中刪除元素：
| 方法 | 描述 |
|---|---|
| detach() | 刪除選定的元素（保留數(shù)據(jù)和事件） |
| empty() | 從所選元素中刪除所有子節(jié)點(diǎn)（包括文本節(jié)點(diǎn)） |
| remove() | 刪除選定的元素（包括數(shù)據(jù)和事件） |
| unwrap() | 刪除所選元素的父元素 |
這些方法用于從DOM中刪除內(nèi)容并將其替換為新內(nèi)容：
| 方法 | 描述 |
|---|---|
| replaceAll() | 用新的HTML元素替換選定的元素 |
| replaceWith() | 用新內(nèi)容替換所選元素 |
這些方法獲取并設(shè)置元素的DOM屬性：
| 方法 | 描述 |
|---|---|
| attr() | 設(shè)置或返回所選元素的屬性/值 |
| prop() | 設(shè)置或返回所選元素的屬性/值 |
| removeAttr() | 從所選元素中刪除一個或多個屬性 |
| removeProp() | 刪除prop()方法設(shè)置的屬性 |
| val() | 設(shè)置或返回所選元素的value屬性（對于表單元素） |
這些方法獲取并設(shè)置元素的CSS相關(guān)屬性：
| 方法 | 描述 |
|---|---|
| css() | 為所選元素設(shè)置或返回一個或多個樣式屬性 |
| height() | 設(shè)置或返回選定元素的高度 |
| innerHeight() | 設(shè)置或返回元素的高度（包括填充，但不包括邊框） |
| innerWidth() | 設(shè)置或返回元素的寬度（包括填充，但不包括邊框） |
| offset() | 設(shè)置或返回所選元素的偏移坐標(biāo)（相對于文檔） |
| offsetParent() | 返回第一個定位的父元素 |
| outerHeight() | 設(shè)置或返回元素的高度（包括填充，邊框和可選的邊距） |
| outerWidth() | 設(shè)置或返回元素的寬度（包括填充，邊框和可選的邊距） |
| position() | 返回元素相對于偏移父級的位置 |
| scrollLeft() | 設(shè)置或返回所選元素的水平滾動條位置 |
| scrollTop() | 設(shè)置或返回所選元素的垂直滾動條位置 |
| width() | 設(shè)置或返回所選元素的寬度 |