假設有如下代碼:
<div class="parent">
<div>
111
<div>
222
<div>
333
</div>
</div>
</div>
</div>
使用不同的函數(shù)返回不同:
-
$(".parent").text()
,返回:
"
111
222
333
"
-
$(".parent").html()
,返回:
"
<div>
111
<div>
222
<div>
333
</div>
</div>
</div>
"
-
$(".parent").val()
,返回:
""
所以:
- .html()用為讀取和修改元素的HTML標簽。使用在多個元素上時董栽,只讀取第一個元素亚享。
- .text()用來讀取或修改元素的純文本內容瞭稼,包括其后代元素忽洛。不能使用在表單元素上。應用在多個元素上時环肘,將會讀取所有選中元素的文本內容欲虚。
- .val()用來讀取或修改表單元素的value值。且只能使用在表單元素上悔雹。使用在多個元素上時复哆,只讀取第一個元素。
- .html(htmlString),.text(textString)和.val(value)三種方法都是用來替換選中元素的內容荠商,如果三個方法同時運用在多個元素上時寂恬,那么將會替換所有選中元素的內容续誉。