JQuery里input屬性賦值,取值prop()和attr()方法?


一.賦值的時候

如果是<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屬性


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM