• 技术文章 >web前端 >js教程

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

    coldplay.xixicoldplay.xixi2020-11-25 14:23:05原创3237

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

    jquery prop()和attr()区别:

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

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

    官方定义:attr():

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

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

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

    prop():

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

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

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

    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()区别是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery prop() attr()
    上一篇:jQuery怎么获取焦点? 下一篇:jQuery getJSON()方法怎么用
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 浅谈vue.js中的Props(单向数据流)• react中state和props的区别有哪些?• jquery attr与css区别是什么• jquery中的prop()方法怎么用
    1/1

    PHP中文网