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é)點(包括文本節(jié)點) |
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è)置或返回所選元素的寬度 |