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

jquery 中，html、val 与 text 三者属性取值的联系与区别 首先，html 属性中有两个方法，一个有参，一个无参 1. 无参 html（）：取得第一个匹配元素的 html 内容。这个函数不能用于 XML 文档。但可以用于 XHTML 文档，返回的是一个 String 例子： html 页面代码： jquery 代码：$("div").html(); 结果：Hello 2.有参 html（val）：设置每一个匹配元素的 html 内容。这个函数不能用于 XML 文档。但可以用于 XHTML 文档。返回一个 jquery 对象 html 页面代码： jquery 代码：$("div").html("

Nice to meet you

"); 结果：[ ] 其次，text 属性中有两个方法，一个有参，一个无参 1. 无参 text（）：取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。返回的是一个 String 例子： html 页面代码：

Hello fine

Thank you!

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

Test Paragraph.

jquery 代码：$("p").text("Some new text."); 结果:[

Some new text.

] 最后，val（）属性中也有两个方法，一个有参，一个无参。 1.无参val（）：获得第一个匹配元素的当前值。在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多选，将返回一个数组，其包含所选的值。 返回的是一个String、 array 例子： html 页面代码 ：

Single Single2 Multiple Multiple2 Multiple3 jquery 代码：$("p").append( "Single: " + $("#single").val() + " Multiple: " + $("#multiple").val().join(", ")); 结果:[

Single:SingleMultiple:Multiple, Multiple3

] 2.有参val（val）：设置每一个匹配元素的值。在 jQuery 1....