attr和prop的区别
attr和prop都是对html元素的属性进行操作,
function reset(){ $("#toolbar :input[name='searchScope']").val(0); $("#toolbar :input[name='name']").val(""); $("#toolbar :checkbox").prop("checked",false); $("#toolbar select[name='baseFeeType']").val(""); $("#toolbar select[name='city']").val(curAreaId); $("#paperNumberxx").prop("checked",true); doSearch();}
需求是执行reset方法后,依旧保存一个默认的单选项,原来 $("#paperNumberxx").attr("checked",true); 从来执行不了,后来在大神的知道下,使用了prop才解决
why?
- 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
- 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
像checkbox,radio和select这样的元素,选中属性对应“checked”和“selected”,这些也属于固有属性,因此需要使用prop方法去操作才能获得正确的结果