jquery中html()、text()、val()的使用和区别

query中获取对象内容的方法主要有3种，分别是html()、text()、val()。
obj.html()：获取对象包裹的所有html内容，相当于innerHTML。
obj.text()：获取对象中所有的文本内容，不包含html标签。一般用于div、p、span等没有value属性的元素，相当于innerText。
obj.val()：获取对象的value的值。获取的是选择对象的第一个元素的value值。当然该属性并不局限于只有value的元素，对于表单元素都适合。

例如：

$("#source").html()的结果为：你好you,too
$("#source").text()的结果为：你好 you,too
$("#source").val()的结果为：""
可以看出val()只获取对象的value值，而div本身并没有value属性，故其值为空。text()获取的只是纯文本。