【转】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()获取的只是纯文本。
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()获取的只是纯文本。
相关文章推荐
- jquery中html()、text()、val()的区别与使用
- jQuery学习笔记—— .html(),.text()和.val()的使用和区别
- jquery中html,text与val三者的区别
- JQuery中text()、html()和val()的区别
- 浅谈jquery中,html、val与text三者属性取值的联系与区别
- 『jQuery』.html(),.text()和.val()的概述及使用
- jquery中val,text,html,attr的区别
- jQuery中的html()和val()和text()的区别
- jquery html(), text(), val() 区别
- jquery中,html、val与text三者属性取值的联系与区别
- jQuery学习笔记—— .html(),.text()和.val()的使用
- jquery中,html、val与text三者属性取值的联系与区别
- jquery 中,html、val与text三者属性取值的联系与区别
- Jquery中val、text、html的区别
- jQuery学习笔记—— .html(),.text()和.val()的使用
- jQuery学习笔记—— .html(),.text()和.val()的使用
- jQuery获取文本节点之 text()/val()/html() 方法区别
- jquery中val,text,html,attr的区别
- jQuery获取文本节点之-text()/val()/html() 方法区别
- jquery中html,text与val三者的区别