web前端：JQuery里input属性赋值，取值prop()和attr()方法？

作者:Sweet妞妞更新于： 2020-03-05 21:40:13

　　jQuery是一个快速、简洁的Javascript框架，是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是"writeLess，DoMore"，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化html文档操作、事件处理、动画设计和Ajax交互。

　　一.赋值的时候

　　如果是这样的只有属性名就能生效的属性

　　推荐prop，即：$('input').prop('checked',true);

　　同时，false表示取消，即：$('input').prop('checked',false);

　　当然attr也行的：$('input').attr('checked','这里写什么都行的');

　　取消属性就是移除：$('input').removeAttr('checked');

　　二.取值的时候

　　如果是

　　推荐使用prop，即：

　　$('#input1').prop('checked');//返回true

　　$('#input2').prop('checked');//返回false

　　而使用attr，则：

　　$('#input1').attr('checked');//返回checked

　　$('#input2').attr('checked');//返回undefined

　　三.特殊属性赋值取值

　　比如需要在input中追加一个data-tIPS属性。变成这样子

　　这时候只能写：$('input').attr('data-tips','aa');

　　使用prop是不管用的。

　　但是读值时候，两个都可以的：

　　$('input').attr('data-tips');//返回aa

　　$('input').prop('data-tips');//返回aa

　　使用属性范围

　　prop多运用于selected和checked属性

　　jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器，并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE6.0+、FF1.5+、Safari2.0+、Opera9.0+等。