1. 程式人生 > >jquery---each()、prop()方法

jquery---each()、prop()方法

 <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呢?
原因是:當該方法用於返回元素屬性的值時,只返回第一個匹配元素的值。
並且,當該方法用於設定屬性值時,則為匹配元素集合設定一個或多個屬性/值對。