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>Nicetomeetyou</p>");

结果：[<div><p>Nicetomeetyou</p></div>]

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

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

例子：

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

<p>Thankyou!</p>

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

结果：HellofineThankyou!

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

html页面代码：<p>TestParagraph.</p>

jquery代码：$("p").text("<b>Some</b>newtext.");

结果:[<p><b>Some</b>newtext.</p>]

最后，val（）属性中也有两个方法，一个有参，一个无参。

1.无参val（）：获得第一个匹配元素的当前值。在jQuery1.2中,可以返回任意元素的值了。包括select。如果多选，将返回一个数组，其包含所选的值。

返回的是一个String、array

例子：

html页面代码：