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()获取的只是纯文本。

原文地址:https://www.cnblogs.com/dbj66/p/8465958.html