sweetniuniu

一.赋值的时候

如果是<input type="checkbox" checked>这样的只有属性名就能生效的属性
推荐prop,即:$(\'input\').prop(\'checked\',true);
同时,false表示取消,即:$(\'input\').prop(\'checked\',false);
当然attr也行的:$(\'input\').attr(\'checked\',\'这里写什么都行的\');
取消属性就是移除:$(\'input\').removeAttr(\'checked\');
 
二.取值的时候

 如果是<input  id="input1" type="checkbox" checked><input  id="input2" type="checkbox">

推荐使用prop,即:
$(\'#input1\').prop(\'checked\'); //返回true
$(\'#input2\').prop(\'checked\'); //返回false
而使用attr,则:
$(\'#input1\').attr(\'checked\'); //返回checked
$(\'#input2\').attr(\'checked\'); //返回undefined
 
三.特殊属性赋值取值
  比如需要在input中追加一个data-tips属性。变成这样子 <input type="text" value="" data-tips="aa">
这时候只能写:$(\'input\').attr(\'data-tips\',\'aa\');
使用prop是不管用的。
但是读值时候,两个都可以的:
$(\'input\').attr(\'data-tips\');//返回aa
$(\'input\').prop(\'data-tips\');//返回aa
 
使用属性范围
  prop多运用于selected 和checked属性

分类:

技术点:

相关文章: