您的位置:首页 > Web前端 > JQuery

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

2018-02-11 10:36 645 查看
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()获取的只是纯文本。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html text val