.html()和.text()及.val()的区别

.html()和.text()及.val()的区别

.html()

.html()：获取集合中第一个匹配元素的HTML内容。这个函数不能用于XML文档。但可以用于XHTML文档

.html( htmlString )：设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档

.html( function(index, oldhtml))：return设置HTML内容的一个函数。index可选。接收选择器的
下标 位置；oldhtml可选。接收选择器的当前内容。

.text()

.text()：获取匹配元素集合中每个元素的合并文本内容，包括他们的后代。这个方法对HTML和XML文档都有效。

.text( textString )：设置匹配元素内容的文本

.text( function(index, oldtext))：return设置文本内容的一个函数。index可选。接收选择器的 下标
位置；oldtext可选。接收选择器的当前内容。

.val()

.val()：获取匹配的元素集合中的第一个元素的当前值

.val(value)：设置匹配的元素集合中的每个元素的值

.val( function(index, oldvalue) ) return设置文本内容的一个函数。index可选。接收选择器的 下标
位置；oldvalue可选。接收选择器的当前内容。

注意事项：
.html()：
            方法内部使用的是DOM的innerHTML属性来处理的，所以在设置与获取上需要注意的一个最重要的问题，这个操作是针对整个HTML内容（不仅仅是文本内容，元素标签也包含在里面）

.text()：
            结果返回一个字符串，包含所有匹配元素的合并文本

.val()：
           多用来设置表单的字段的值。
           通过.val()处理select元素，当没有选择项被选中，他返回null。
           如果select元素有multiple（多选）属性，并且至少一个选择项被选中，.val()方法返回一个数组，这个数组包含每个选中的选择项的值。