JQuery里input属性赋值,取值prop()和attr()方法?

一.赋值的时候

如果是这样的只有属性名就能生效的属性
推荐prop,即: ( ‘ i n p u t ‘ ) . p r o p ( ‘ c h e c k e d ‘ , t r u e ) ; 同 时 , f a l s e 表 示 取 消 , 即 : (‘input‘).prop(‘checked‘,true); 同时,false表示取消,即: (input).prop(checked,true);false(‘input‘).prop(‘checked‘,false);
当然attr也行的: ( ‘ i n p u t ‘ ) . a t t r ( ‘ c h e c k e d ‘ , ‘ 这 里 写 什 么 都 行 的 ‘ ) ; 取 消 属 性 就 是 移 除 : (‘input‘).attr(‘checked‘,‘这里写什么都行的‘); 取消属性就是移除: (input).attr(checked,);(‘input‘).removeAttr(‘checked‘);

二.取值的时候
如果是

推荐使用prop,即:
$(‘#input1‘).prop(‘checked‘); //返回true
$(‘#input2‘).prop(‘checked‘); //返回false
而使用attr,则:
$(‘#input1‘).attr(‘checked‘); //返回checked
$(‘#input2‘).attr(‘checked‘); //返回undefined

三.特殊属性赋值取值
  比如需要在input中追加一个data-tips属性。变成这样子
这时候只能写:$(‘input‘).attr(‘data-tips‘,‘aa‘);
使用prop是不管用的。
但是读值时候,两个都可以的:
$(‘input‘).attr(‘data-tips‘);//返回aa
$(‘input‘).prop(‘data-tips‘);//返回aa

使用属性范围
  prop多运用于selected 和checked属性

原文地址:https://www.cnblogs.com/sweetniuniu/p/11775090.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值