jquery .attr("value") 與 .val() 區別 以及siblings()用法
阿新 • • 發佈：2019-01-22
.val() 能夠取到 針對text，hidden可輸入的文字框的value值。
而 .attr('value') 可以取到html元素中所設定的屬性 value的值，不能獲取動態的如input type="text" 的文字框手動輸入的值。
siblings()用法：通過元素的class屬性選擇多個兄弟元素中的具體哪一個；
var itassetsID = $(this).attr("id");
var itassets_content = $(this).siblings(".input1").val();
jQuery中有3個獲取元素value值的函式比較相似：attr(), prop(), val()；拿來比較一下。
示例程式碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery-2.1.4.js"></script>
</head>
<body>
<input type="text" value="123"/>
<button id="btn">click</button>
<script> - 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
程式碼如上所示，為輸入框設定了初始值：123，此時點選按鈕，控制檯輸出為：
123
123
123- 1
- 2
- 3
- 1
- 2
- 3
改變輸入框的值，此時控制檯輸出：
123
123thgf
123thgf- 1
- 2
- 3
- 1
- 2
- 3
如果我們沒有為文字框設定初始值，即刪除value=”123”後，依舊使用如上js程式碼，則相應輸出如下：
undefined
- 1
- 2
- 3
- 4
- 1
- 2
- 3
- 4
attr()輸出為undefined，而prop()和val()輸出為“空”。
輸入value值後：控制檯輸出為：
undefined
asdasd
asdasd- 1
- 2
- 3
- 1
- 2
- 3
attr()輸出依然為undefined，而prop()和val()則輸出實際值。