value,innerHTML,innerText和val(),html(),text()的区别

value, innerHTML, innerText是dom对象；
val(), html(), text()是jquery对象。

this.value是js原生代码对浏览器中的元素的访问方式；
$(this).val()是针对原生访问做的封装，一般是访问标签中含value熟悉的标签值。

innerHTML和html()获取指定元素内的所有子元素（包含标签）
innerText和text()获取指定元素内的子元素的内容（不包含标签）

eg:

<div><p>小菜鸟</p></div>
<input type="text" value="good"/>

$(div).html() //<p>小菜鸟</p>
$(div).text() //小菜鸟
$(input).val() //good