jQuery HTML操作学习

jQuery HTML 操作
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 操作 - 来自本页
$(selector).html(content) 改变被选元素的（内部）HTML
$(selector).append(content) 向被选元素的（内部）HTML 追加内容
$(selector).prepend(content) 向被选元素的（内部）HTML “预置”（Prepend）内容
$(selector).after(content) 在被选元素之后添加 HTML
$(selector).before(content) 在被选元素之前添加 HTML

更多HTML操作参考手册：jQuery 参考手册 - 文档操作 http://www.w3school.com.cn/jquery/jquery_ref_manipulation.asp