jQuery 包含很多供改变和操作 HTML 的强大函数。

改变 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对HTML操作函数：

方法 描述
向匹配的元素添加指定的类名。
在匹配的元素之后插入内容。
向匹配的元素内部追加内容。
向匹配的元素内部追加内容。
设置或返回匹配元素的属性和值。
在每个匹配的元素之前插入内容。
创建匹配元素集合的副本。
从 DOM 中移除匹配元素集合。
删除匹配的元素集合中所有的子节点。
检查匹配的元素是否拥有指定的类。
设置或返回匹配的元素集合中的 HTML 内容。
把匹配的元素插入到另一个指定的元素集合的后面。
把匹配的元素插入到另一个指定的元素集合的前面。
向每个匹配的元素内部前置内容。
向每个匹配的元素内部前置内容。
移除所有匹配的元素。
从所有匹配的元素中移除指定的属性。
从所有匹配的元素中删除全部或者指定的类。
用匹配的元素替换所有匹配到的元素。
用新内容替换匹配的元素。
设置或返回匹配元素的内容。
从匹配的元素中添加或删除一个类。
移除并替换指定元素的父元素。
设置或返回匹配元素的值。
把匹配的元素用指定的内容或元素包裹起来。
把所有匹配的元素用指定的内容或元素包裹起来。
将每一个匹配的元素的子内容用指定的内容或元素包裹起来。