JQuery中html()与text()方法的区别

通常在用JQuery写ajax时，都会用到html()这个方法，而不用text()这个方法，他们之间有什么区别呢?

1. html属性中有两个方法，一个 有参，一个无参。

• 无参html()：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档，返回的是一个string

例子：

html页面代码：

Hello

JQuery代码：$(“div”).html();

结果：Hello

• 有参html（val）：设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。返回一个JQuery对象

例子：
html页面代码：

JQuery代码：$(“div”).html(“

Nice to meet you

”);

结果：

Nice to meet you

（html标签会被浏览器识别）

2. text属性中有两个方法，一个有参，一个无参

• 无参text()：取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。返回的是一个string。

例子：

html页面代码：

Hello

fine

JQuery代码：$(“p”).text();

结果：Hello fine

• 有参text(val)：设置所有匹配元素的文本内容,与 html() 类似, 但将编码 HTML (将 “<” 和 “>” 替换成相应的HTML实体).返回一个JQuery对象。

例子：
html页面代码：

Paragraph.

JQuery代码：$(“div”).text(“Some new text.”);

结果:

Some new text.

（html标签不会被浏览器识别，而是当作字符串来输出）

通过上面的例子，我们知道 html()方法与text()方法的区别就在于对html标签的识别上不同。