改變 HTML 內容
語法
$(selector).html(content)
html() 函數改變所匹配的 HTML 元素的內容（innerHTML）。
實例
$("p").html("W3School");
添加 HTML 內容
語法
$(selector).append(content)
append() 函數向所匹配的 HTML 元素內部追加內容。
語法
$(selector).prepend(content)
prepend() 函數向所匹配的 HTML 元素內部預置（Prepend）內容。
實例
$("p").append(" W3School");
語法
$(selector).after(content)
after() 函數在所有匹配的元素之後插入 HTML 內容。
語法
$(selector).before(content)
before() 函數在所有匹配的元素之前插入 HTML 內容。
實例
$("p").after(" W3School.");
jQuery 文檔操作方法
這些方法對於 XML 文檔和 HTML 文檔均是適用的，除了：html()。
| 方法 | 描述 |
|---|---|
| addClass() | 向匹配的元素添加指定的類名。 |
| after() | 在匹配的元素之後插入內容。 |
| append() | 向匹配的元素內部追加內容。 |
| appendTo() | 向匹配的元素內部追加內容。 |
| attr() | 設置或返回匹配元素的屬性和值。 |
| before() | 在每個匹配的元素之前插入內容。 |
| clone() | 創建匹配元素集合的副本。 |
| detach() | 從 DOM 中移除匹配元素集合。 |
| empty() | 刪除匹配的元素集合中所有的子節點。 |
| hasClass() | 檢查匹配的元素是否擁有指定的類。 |
| html() | 設置或返回匹配的元素集合中的 HTML 內容。 |
| insertAfter() | 把匹配的元素插入到另一個指定的元素集合的後面。 |
| insertBefore() | 把匹配的元素插入到另一個指定的元素集合的前面。 |
| prepend() | 向每個匹配的元素內部前置內容。 |
| prependTo() | 向每個匹配的元素內部前置內容。 |
| remove() | 移除所有匹配的元素。 |
| removeAttr() | 從所有匹配的元素中移除指定的屬性。 |
| removeClass() | 從所有匹配的元素中刪除全部或者指定的類。 |
| replaceAll() | 用匹配的元素替換所有匹配到的元素。 |
| replaceWith() | 用新內容替換匹配的元素。 |
| text() | 設置或返回匹配元素的內容。 |
| toggleClass() | 從匹配的元素中添加或刪除一個類。 |
| unwrap() | 移除並替換指定元素的父元素。 |
| val() | 設置或返回匹配元素的值。 |
| wrap() | 把匹配的元素用指定的內容或元素包裹起來。 |
| wrapAll() | 把所有匹配的元素用指定的內容或元素包裹起來。 |
| wrapinner() | 將每一個匹配的元素的子內容用指定的內容或元素包裹起來。 |
