js中的text(),html() ,val()的区别
text(),html() ,val()三个方法用于html元素的存值和取值,但是他们各有特点,text()用于html元素文本内容的存取,html()不但可以用于html元素文本内容的存取,还可以用于html内容的存取。val()用于input元素内容的存取。
一. text()
var text = $("div").text();
console.log(text);
<div>text</div>
console:text
二. html()
<div><p>text</p></div>
var str = $("div").html();
console.log(str);
console:<p>text</p>
三. val()
<input type="text" value="text"/>
var str = $("input").val();
console.log(str);
console:text
异同点:
text()和html()都可以用于元素文本的存取,但是html()不仅可以用于元素文本的存取,还可以用于元素节点的存取。
val()不同于text()和html(),val()用于input节点内容的存取。