jquery prop()和attr()区别是什么


本文摘自PHP中文网,作者coldplay.xixi,侵删。

jquery prop()和attr()区别:1、【attr()】方法设置或返回被选元素的属性和值;2、【prop()】方法设置或返回被选元素的属性和值。

  • 该方法适用于所有品牌电脑

jquery prop()和attr()区别:

最近项目回归使用jquery,页面渲染全是使用jquery做的,所以做的时候也遇到了许多以前没有见过的问题,如这次操作【radio】控件的"checked"属性时有遇到问题,

$("...").attr("checked",false);无法起到作用,上网查了下使用prop()完美的解决了该问题,特此记录一下。

官方定义:attr():

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

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

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

prop():

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

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

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

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

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

prop()

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

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

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

attr():

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

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

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

attr和prop的使用场景:

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

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

3.其他则使用attr();

官方推荐使用:

678066685f870abc947fda6cf284082.png

相关免费学习推荐:JavaScript(视频)

以上就是jquery prop()和attr()区别是什么的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

jQuery怎么判断css文件是否存在

jQuery 怎么判断指定样式是否存在

jQuery如何判断元素内容是否为空

jQuery表示什么?

jQuery如何判断input是否被禁用

深入了解jQuery和vue的区别(附代码)

jQuery中select组件的使用方法

jQuery如何判断浏览器是否是ie

jQuery on bind之间有什么区别

jQuery $是什么用法

更多相关阅读请进入《jQuery》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...