prop获取?修改?多个属性
$('a').prop('property')//获取值
$('a').prop('property','value')//设置值
//多个属性值写法
$('a').prop({
property1:value,
property2:value,
........
})
?attr?获取?修改?多个属性
$('a').attr('property')//获取值
$('a').attr('property','value')//设置值
//多个属性值写法
$('a').attr({
property1:value,
property2:value,
........
})
不同
prop: ? ? ? ? 当作属性 它是与生俱来自带的,并不是后天获得的。
attr:? ? ? ? ? ? ? 当作特性 本身是没有的,后天所赋予的
attr和prop返回值
当没有获取到元素属性时
$('a').attr('class')//返回值为undefined
$('a').prop('class')//返回值为null
当获取元素一般为true和falsef返回值元素时
?
console.log($('input').attr('checked'))//如果没有 返回undefined 如果有 返回checked
console.log($('input').prop('checked'))//如果没有 false 如果有 返回true
总结:
????????对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
????????对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
|