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

jquery中获取对象内容的方法主要有3种，分别是html()、text()、val()。

   obj.html()：获取对象包裹的所有html内容，相当于innerHTML。

   obj.text()：获取对象中所有的文本内容，不包含html标签。一般用于div、p、span等没有value属性的元素，相当于innerText。

   obj.val()：获取对象的value的值。获取的是选择对象的第一个元素的value值。当然该属性并不局限于只有value的元素，对于表单元素都适合。

例如：

 $("#source").html()的结果为：你好<textarea id="text">you,too</textarea>

 $("#source").text()的结果为：你好 you,too

 $("#source").val()的结果为：""

  可以看出val()只获取对象的value值，而div本身并没有value属性，故其值为空。text()获取的只是纯文本。