.html(),.text(),.val()區別例項
阿新 • • 發佈：2018-11-11
假如html結構如下
?| 1 2 3 4 5 6 7 8 9 |
<
div
id
=
"divTest"
value
=
'2'
>
這是div的內容！
<label
id
=
"lblText"
>
這是label的內容！
</
label
>
<
div
id
=
"divTest2"
>
第二個div內容！
</
div
>
</
div
>
|
這是html文件結構，現在我們執行下面js程式碼看看所取得的是什麼的東西
$("#divTest").html() //所取得內容：這是div的內容！<label id="lblText">這是label的內容！</label> <div id="divTest2">第二個div內容！</div>$("#divTest").html("我要修改了！") //執行修改
上面修改之後，我們接著獲取一下$("#divTest").html() //所取得內容：我要修改了！
注：html()方法可以用於XHTML文件，但不能用於XML文件！
2.text():取得所有匹配元素的內容，結果是由所有匹配元素包含的文字內容組合起來的文字，同理，text(val)是設定所有匹配元素的文字內容
$("#divTest").text() //所取得內容：這是div的內容！這是label的內容！第二個div內容！
//可見所取得是標籤內的東西，但不會取標籤
注：這個方法對HTML和XML文件都有效
3.val()常用來操作標準的表單元件物件，如button,text,hidden
例如添加了一個select元素以及一個hidden的元素
?| 1 2 3 4 5 |
<
select
id
=
"selectVal"
>
<
option
value
=
"1"
selected
=
"selected"
>1</
option
>
<
option
value
=
"2"
>2</
option
>
</
select
>
<
input
type
=
"hidden"
id
=
"hidVal"
value
=
"1"
/>
|
現在我們來取一下他們的值
$("#selectVal").val() //取得值為：1 同理這個也是 $("#hidVal").val()
有時候開發的時候會在一個div內設定一個value的屬性，那麼我們在取值的時候可以用這樣
$("#divTest").attr('value')