.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()方法返回一个数组,这个数组包含每个选中的选择项的值。