jquery 中html 、val 与text三者属性取值的联系与区别

首先：html有两个方法，一个有参数，一个无参数

1.无参数html():取第一个匹配元素的html内容。这个函数不能用于xml文档,但可以用于XHTML文档,返回的是一个String。

例子：html页面代码：<div><p>hello</p></div>

jquery代码：$(div).html()

结果：hello

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

html页面代码：<div></div>

jquery代码：$("div").html("<p>nice to meet you</p>");

结果：<div><p>nice to meet you</p></div>

其次,text属性有两个方法，一个有参数，一个无参数

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

例子：

html页面代码：<p>Hello<b>fine</b></p>

<p>Thank you!</p>

jquery代码： $("p").text();

结果：HellofineThank

2.有参数text(val):设置所有匹配元素的文本内容，与html内容相似，但将编码HTML（将 "<" 与 ">" 替换成相应的HTML实体），返回一个jquery实体。

例子：html 页面代码：<p>the text is team</p>

jquery代码： $("p").text("val<b>String</b>")

结果： <p>val<b>String</b></p>

val也有两种方法，一个有参数，一个无参数