写一个问题,通过attr添加input的checked属性,radio标签已有checked=checked但是不显示勾选
解决办法:
//添加的时候用prop,取消用removeAttr
if(dataBack.remind){
$("#isremind").prop("checked",true);
}else{
$("#isremind").removeAttr("checked");
原因:
jQuery 1.6之前,attr()承担了attribute的设置和获取工作+property的设置和获取工作;
jQuery 1.6新增,prop()函数,并用来承担property的设置或获取工作之后,attr()才只用来负责attribute的设置和获取工作
因此,1.6版本以后通过attr()设置checked的属性:
如果当前input中初始化未定义checked属性,则不管当前是否选中$(‘input[type=“radio”]’).attr(“checked”)都会返回undefined;
如果当前input中初始化已定义checked属性,则不管是否选中,$(‘input[type=“radio”]’).attr(“checked”)都会返回checked
因此,在1.6之前,你只能使用attr()函数;1.6及以后版本,你可以根据实际需要选择对应的函数。
在jQuery 1.6及以后版本中,具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop();对于其它能够用prop()实现的操作,也尽量使用prop()函数。
延伸:attr与prop
- attr()
1.attr()是通过使用的 DOM 的 API setAttribute() 和 getAttribute() 方法操作的属性元素节点
2.(一般)设置或获取自定义的DOM属性
3.用attr来设置属性名,html结构是会发生变化
4.设置的属性值只能是字符串类型(如果不是字符串类型,也会调用其toString()方法,将其转为字符串类型)5.
- prop()
1.prop()通过document.getElementById(el)[name] = value来设置的,是转化为js对象element 的一个属性
2.(一般)设置或获取元素本身就带有的固有属性(比如元素的DOM属性有“href、target和class")
3.用prop来设置属性名,html结构是不会发生变
4.设置的属性值可以为包括数组和对象在内的任意类型
- removeProp()
removeProp()函数用于移除在当前jQuery对象所匹配的每一个元素上指定的属性