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呢?
原因是:当该方法用于返回元素属性的值时,只返回第一个匹配元素的值。
并且,当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值