JQuery val()、html()、text() 方法的区别

1. val()

val() 方法返回或设置被选元素的 value 属性。
当用于返回值时：该方法返回第一个匹配元素的 value 属性的值。
当用于设置值时：该方法设置所有匹配元素的 value 属性的值。

注意：val() 方法通常与 HTML 表单元素一起使用。

---

js 中获取 input、checkbox 等表单元素的值的方式：

一、document.getElementById("demo1").value
二、myForm.name.value

---

2. html()

html() 方法设置或返回被选元素的内容（innerHTML）。
当该方法用于返回内容时，则返回第一个匹配元素的内容。
当该方法用于设置内容时，则重写所有匹配元素的内容。

提示：如只需设置或返回被选元素的文本内容，请使用 text() 方法。

3. text()

text() 方法设置或返回被选元素的文本内容。
当该方法用于返回内容时，则返回所有匹配元素的文本内容（会删除 HTML 标记）。
当该方法用于设置内容时，则重写所有匹配元素的内容。

提示：如需设置或返回被选元素的 innerHTML（文本 + HTML 标记），请使用 html() 方法