html(),empty(),text() 的区别

一、html(val):
设置每一个匹配元素的html内容。
这个函数不能用于XML文档。
但可以用于XHTML文档。
返回值:jQuery
参数:val (String) : 用于设定HTML内容的值示例:
HTML 代码:<div></div>
jQuery 代码:$("div").html("<p>Hello Again</p>");
 结果:[ <div><p>Hello Again</p></div> ]

 二、empty()：删除匹配的元素集合中所有的子节点。
返回值：jQuery
示例：把所有段落的子元素（包括文本节点）删除
HTML 代码:<p>Hello, <span>Person</span> <a href="#">and person</a></p>
jQuery 代码:$("p").empty();
结果:<p></p>

三、text(val):设置所有匹配元素的文本内容与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体).
返回值：jQuery
参数：val (String) : 用于设置元素内容的文本
示例：HTML 代码:<p>Test Paragraph.</p>
jQuery 代码:$("p").text("<b>Some</b> new text.");
 结果:[ <p><b>Some</b> new text.</p> ]