jquery---each()、prop()方法
阿新 • • 發佈:2018-12-22
<div class="wrapper">
<input type="checkbox" checked>1
<input type="checkbox" checked>2
<input type="radio" checked>3
</div>
div中有三個input元素,並且都被選中了。
console.log($('div input:checked').prop('checked'))
儘管三個input元素都被選中了,但是上面只輸出一個true,並不是三個。如下所示
這是為什麼呢?是不是
$('div input:checked')
中只有一個選中的元素呢?我帶著這個疑惑,做了檢驗。程式碼如下:
console.log($('div input:checked').each(function(){
console.log(this.checked)
}))
發現仍輸出三個true。
所以,$('div input:checked')
仍選中了checked屬性為true的三個input元素。
那為什麼$('div input:checked').prop('checked')
只輸出一個true呢?
原因是:當該方法用於返回元素屬性的值時,只返回第一個匹配元素的值。
並且,當該方法用於設定屬性值時,則為匹配元素集合設定一個或多個屬性/值對。