Attr()与prop()

attr()和prop()都是jQuery中用于设置或获取元素属性的方法。attr()主要用于HTML属性,而prop()处理DOM对象属性。prop()尤其适用于处理如checkbox的交互状态,能直接控制选中或取消选中。在选择使用时,涉及到true/false属性应使用prop(),其他情况可使用attr()。了解这两者的差异有助于更精确地操作DOM元素。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

attr():

attr() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值,则返回第一个匹配元素的值。

当该方法用于设置属性值,则为匹配元素设置一个或多个属性/值对。

prop():

prop() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值时,则返回第一个匹配元素的值。

当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。 (相关课程推荐:jQuery 教程)

区别:

● $('').attr()返回的是 html 对象

● $('').prop()返回的是 DOM 对象

● prop()方法操作 radio(checkbox)之类的控件,让其选中的时候,其控件 选中的值也会随之改变。即既可以控制其选中,也能控制其取消选中;

类似于$("...").attr("checked");返回的是 true 或者 false 。

如果有相应的属性,返回的是该属性,如果没有则返回空串

●attr()方法操作 radio(checkbox)之类的控件,让其选中的时候,其控件 选中的值不会随之改变。即只能控制其选中,不能控制其取消选中;

类似于$("...").attr("checked");返回的是'checked'或者 undefined

如果有相应的属性,返回的是该属性,如果没有则返回 undefined attr 和 prop 的使用场景:

1. 添加属性名称该属性就会生效应该使用prop();

2. 有true,false两个属性使用prop();(如:'checked','selected','disabled'等)

3.其他则使用 attr();

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值