关于jquery中html()、text()、val()的区别

        经常使用到JQ中的HTML()、text()、val()方法，但是它们之间有很大区别的；text()，html() ，val()三个方法用于html元素的存值和取值，但是他们各有特点，

       .html()用为读取和修改元素的HTML标签 （包括其Html标签）,对应js中的innerHTML

.html()方法使用在多个元素上时，只读取第一个元素

        .text()用来读取或修改元素的纯文本内容,包括其后代元素  对应js中的innerText

.text()方法不能使用在表单元素上

.val()用来读取或修改表单元素的value值,.val()只能使用在表单元素上

例如：一. text()

var text = $("div").text();

console.log(text);

<div>text</div>

console:text

二. html()

<div><p>text</p></div>

var str = $("div").html();

console.log(str);

console：<p>text</p>

三. val()

<input type="text" value="text"/>

var str = $("input").val();

console.log(str);

console:text

异同点：

text()和html()都可以用于元素文本的存取，但是html()不仅可以用于元素文本的存取，还可以用于元素节点的存取。

val()不同于text()和html()，val()用于input节点内容的存取。