html()：该方法类似于Javascrpt 中的innerHTML的方法，该方法获取标签元素中所有内容文本。
text()：该方法类似于Javascrpt 中的innerText方法，获取的是纯文本内容。
val()：获取对象的value的值。获取的是选择对象的第一个元素的value值。当然该属性并不局限于只有value的元素，对于表单元素都适合。
<div id="one">hello <span>word</span></div>
html：通过控制台输出html()方法，发现返回的是 hello <span>word</span>；
text：返回的是纯文本文字 hello word；
va：返回的是 “” ；
注： 可以看出val()只获取对象的value值，而div本身并没有value属性，故其值为空
JQuery中关于html()、text()、val()三者之间的区别
原文地址：https://www.cnblogs.com/from-sunshine/p/9639663.html