JQuery 中 html() , text() , val() 方法的区别

JQuery 中 html() , text() , val() 方法的区别

html( ):
取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。 如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML 内容会被获取。
text( ) :
取得所有匹配元素的内容。
结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。
val( ) :
获得匹配元素的当前值。
在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多选，将返回一个数组，其包含所选的值。

三者的不同之处
html() , 设置值的时候 , 标签不被显示 , 只显示 标签中的内容
获取的时候, 获取到的内容,包括 内容的标签

text() , 设置值的时候 , 标签页一并被显示 , 浏览器不做解析,显示 所有设置的值 .
获取的时候 , 只获取到 内容的文本 , 不带有标签

val() , 设置的时候是设置 value 的值 , 获取也是获取 value 的值 . 有value 属性的标签如 input 标签