前两天写一页面 需做一单选按钮。设置如下
$(".design p").bind("click",function() {
$(".design p").removeClass("checked");
$(this).addClass("checked").children("input").attr("checked",true);
});
然后坑爹的来了,切换一两次是生效的。然后就没有然后了。后面发现用prop替换attr就正常了。
$(".design p").bind("click",function(){
$(".design p").removeClass("checked");
$(this).addClass("checked").children("input").prop("checked",true);
});
查了下资料,自己反复试了下,get一经验：
处理元素本身就带有的固有属性时使用prop方法。处理html元素我们自己自定义的DOM属性，在处理时，使用attr方法。
这个很好理解。如input上的 type,a上面的href，img上面的alt 等固有属性处理就直接用prop。处理class,data-*等自己新建的属性就用attr。
ok,下课。
原文：http://www.cnblogs.com/xiaoye1990/p/5348626.html