? ? ? ? 經(jīng)常使用到JQ中的HTML()、text()节芥、val()方法头镊,但是它們之間有很大區(qū)別的魄幕;text(),html() 纯陨,val()三個(gè)方法用于html元素的存值和取值翼抠,但是他們各有特點(diǎn),
? ? ? ?.html()用為讀取和修改元素的HTML標(biāo)簽 (包括其Html標(biāo)簽),對(duì)應(yīng)js中的innerHTML
.html()方法使用在多個(gè)元素上時(shí)活喊,只讀取第一個(gè)元素
? ? ? ? .text()用來讀取或修改元素的純文本內(nèi)容,包括其后代元素 ?對(duì)應(yīng)js中的innerText
.text()方法不能使用在表單元素上
.val()用來讀取或修改表單元素的value值,.val()只能使用在表單元素上
例如:一. 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
異同點(diǎn):
text()和html()都可以用于元素文本的存取钾菊,但是html()不僅可以用于元素文本的存取偎肃,還可以用于元素節(jié)點(diǎn)的存取。
val()不同于text()和html()累颂,val()用于input節(jié)點(diǎn)內(nèi)容的存取。