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

1.html()

html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档

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

2.text()

text():取得所有匹配元素的内容。

结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。

text(val):设置所有匹配元素的文本内容

与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体).

3.val()

val():获得第一个匹配元素的当前值。

val(val):设置每一个匹配元素的值。

val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。(实际一般用于获取表单的值/赋值)。

如果页面存在较多相同类的html标签，且需单独对其文本值进行修改建议优先使用html()方法。

我在计算当前上传图片数时，使用的text()方法，在firefox浏览器没有出现问题，但是在chrome浏览器有时会出现NAN的情况，后将其改成html()获取和赋值问题消失。