在jQuery中操作checkbox的checked属性时，使用attr和prop方法会得到不同的结果。如果未定义checked="checked"，使用$.attr("checked")会返回undefined，而使用prop方法，则会输出true或false。因此，当我们需要设置或获取checked状态时，prop方法更为合适，因为它能正确反映DOM元素的当前状态。attr在修改checked属性的时候要使用checkedchecked属性即分为attribute->checked，和property->true,false对于一个checkbox，若未定义checked="checked"，alert($.attr("checked"))的结果是undefined。若已定义则结果是checked。attribute并不随着checkbox的状态变化而改变。对于checkbox，如果没有定义checked="checked"，alert($.attr("checked"))的结果是undefined。用prop方法，则输出的是true或者false，$("input[type='checkbox']").prop("checked",true);修改checked使用prop更适合。
jQuery中attr()和prop()的区别对于HTML元素本身就带有的固有属性，或者说W3C标准里就包含有这些属性，更直观的说法就是，编辑器里面可以智能提示出来的一些属性，如：src、href、value、class、name、id等，在处理时，使用prop()方法。了解jQuery中的attr()和prop()方法的使用，关键在于理解它们针对不同类型的DOM属性有不同的适用场景。attr()方法主要用于处理那些由HTML标准定义的、固有的DOM属性，如元素的id、class、href等。这种属性在所有浏览器中都一致，直接调用attr()方法即可获取或设置其值。将在下面的文章里为大家详细介绍attr属性attr(name|properties|key,value|fn)用于设置或返回被选元素的属性值。当用于返回属性值时，则只返回第一个匹配元素的值。在学习jQuery初期，可能会遇到两个看似相似但功能各异的方法：attr()和prop()。它们之间有何显著区别呢？让我们通过实例来理解。当处理a元素时，如href、target和class等W3C标准中固有的属性，由于它们是元素本身已有的特性，推荐使用prop()方法。
prop和attr的根本区别在于：对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。百度这个例子里元素的DOM属性有“href、target和class"，这些属性就是元素本身就带有的属性，也是W3C标准里就包含有这几个属性，或者说在IDE里能够智能提示出的属性，这些就叫做固有属性。当用于返回属性值时，则只返回第一个匹配元素的值。attr和prop的本质attr是attribute的缩写，prop是property的缩写，都有属性的意思，只不过attr是操作html文档节点属性，prop是操作js对象属性.attr在js中使用的是setAttribute和getAttribute而prop直接使用原生js的element[value]和element[value]=key。操作对象不同很明显，attr和prop分别是单词attribute和property的缩写，并且它们均表示"属性"的意思。不过，在jQuery中，attribute和property却是两个不同的概念。attribute表示HTML文档节点的属性，property表示JS对象的属性。
当处理a元素时，如href、target和class等W3C标准中固有的属性，由于它们是元素本身已有的特性，推荐使用prop()方法。例如，元素的href属性，原本就是a元素自带的，这时使用prop()会更为直观。然而，像href、id这样的属性可能会加上自定义的属性，如del。同样地，对于removeAttr和removeProp这两个方法，它们分别用于删除元素属性。尝试使用它们后，你会发现与attr和prop在处理元素属性时的差异。attr方法在删除自定义属性时表现得更加直接有效，而prop则在删除由浏览器自动管理的属性时显示不同的行为。总之，attr和prop在jQuery中各有其适用场景。prop方法的定义与用途jQuery库中的prop方法是一个用来获取或设置元素属性的函数。与attr方法相比，prop更适用于处理HTML元素的固有属性或内部状态信息。例如，对于复选框元素，prop方法可以准确地反映其是否被选中状态。这在处理表单和用户交互时尤为重要。
感谢您花时间阅读。如果您觉得这篇文章对您有帮助，请分享给您的朋友们。