prop和attr两种方法的区别

最新推荐文章于 2020-11-06 14:30:50 发布
最新推荐文章于 2020-11-06 14:30:50 发布
阅读量380 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： HTML DOM 文章标签： JavaScript html dom jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Lsunrise_/article/details/71348547
本文详细介绍了在jQuery中如何使用prop和attr方法来操作HTML元素的属性。阐述了两者之间的主要区别在于作用范围的不同：prop方法适用于处理HTML元素本身的固有属性，而attr方法则用于处理自定义的DOM属性。

先说一下两者的使用方法

使用方法一样

$(selector).attr(attribute,function(index,oldvalue))

二者唯一不同点是作用范围

对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。

attr 与prop 的区别
linjun的博客
05-04 458
特别是当涉及到布尔属性（如 checked、disabled）时，因为它更准确、更可靠。是两个常用的方法，用于操作 HTML 元素的属性和属性值。则更适合于处理自定义属性或 HTML5 中的新属性。它们之间的区别主要在于针对不同类型的属性操作。在大多数情况下，应该优先使用。
prop和attr的区别
my learning notes
03-27 569
$('.checkAll').attr('checked',true) 失效 怎么办？ 解决办法： $('.checkAll').prop('checked',true) attr为失效？因为checked属于为原型对象的属性。而attr在remove原型对象时会出错。原型对象指的是自身自带的，无法移除。prop会忽略这个错误。而attr操作的是普通非原型对象（可移除）
jquery中attr和prop的区别分析
10-24
主要介绍了jquery中attr和prop的区别分析的相关资料,需要的朋友可以参考下
jQuery学习之prop和attr的区别示例介绍
10-26
在使用jQuery进行DOM操作时，我们经常会使用到`.prop()`和`.attr()`方法来获取或设置HTML元素的属性和属性值。...随着jQuery版本的更新，合理选择这两种方法的使用场景，可以提高代码的可读性和维护性。
JS中attr和prop属性的区别以及优先选择示例介绍
10-25
下面，我们将详细探讨这两种方法的区别，并给出实际应用中的优先选择建议。 ### 1. attr和prop的区别 #### 1.1. 作用域的不同 在jQuery中，attr方法主要用于处理HTML标签的属性（即attributes），例如`<input>`...
关于jQuery中.attr()和.prop()的问题探讨
10-26
在使用jQuery时，我们经常会用到(attr()和.prop())两种方法来获取和设置元素的属性和属性值。但在某些情况下，这两者的使用可能会让人困惑，尤其是它们在不同浏览器中的表现。这篇文章将探讨jQuery中的.attr()和....
jquery中attr和prop的区别
03-28
attr和prop都是jQuery中用于获取和设置元素属性的方法，但它们有不同的应用场景和用法： 1. attr用于获取和设置HTML属性值，它是基于元素的HTML属性工作的；prop用于获取和设置DOM元素的属性值，它是基于DOM属性...
jquery获取自定义属性(attr和prop)实例介绍
12-08
两种都可以，不过新版jquery推荐第二种，两个在其他方面都差不多，我发现的唯一不同就是在checkbox上的时候，需要用prop，不然IE浏览器会不兼容 代码如下:<html xmlns=”http://www.w3.org/1999/xhtml”> &lt...
prop与attr的区别
qq_45178972的博客
10-26 204
prop与attr的区别 与prop一样attr也可以用来获取与设置元素的属性。 区别在于，对于自定义属性（例如game=“LOL”）和选中属性的处理。 选中属性指的是 checked,selected 这2种属性 对于自定义属性 attr能够获取，prop不能获取 对于选中属性 attr 只能获取初始值， 无论是否变化,例如<input type="checkbox" id="c" ga...
jQuery中attr()和prop()两种方法的区别
长河落日的博客
10-25 288
  在老的jQuery版本中，都是使用attr()来访问对象属性的，比如取一个图片的alt属性，title属性，但是有的属性是这样的，比如说input的checked=“checked”，disabled=“disabled”...再有的浏览器中，后面的checked或者disabled都可以省略，只要声明了这个属性存在，那这个属性就生效了；所以在更新的jQuery版本中(1.6）开始，jQue...
attr与prop区别
aaaa7410的博客
11-04 442
在jQuery中，attr()函数和prop()函数都用于设置或获取指定的属性，它们的参数和用法也几乎完全相同。 但不得不说的是，这两个函数的用处却并不相同。下面我们来详细介绍这两个函数之间的区别。 1、操作对象不同 很明显，attr和prop分别是单词attribute和property的缩写，并且它们均表示"属性"的意思。 不过，在jQuery中，attribute和prop...
JS中attr 和 prop 的区别
weixin_49199038的博客
11-06 4976
attr : 设置或返回被选元素的属性值. prop : 获取在匹配的元素集中的第一个元素的属性值。 attr 和 prop 的本质 attr 是 attribute 的缩写,prop 是 property 的缩写，都有属性的意思，只不过 attr 是操作 html 文档节点属性，prop 是操作 js 对象属性. attr 在 js 中使用的是 setAttribute 和 getAttribute 而 prop 直接使用原生 js 的 element[value] 和 element[value]=ke
attr()和prop()的区别
qq_42988963的博客
09-11 813
1、在jQuery中attr()和prop()两种方法都可以获取和操作元素的节点属性和属性。attr操作元素的节点属性，prop操作元素的属性，但是两者在使用时也存在差别。 2、attr()方法操作节点属性，attr()可以传入字符串也可以传入对象。 - 传入一个字符串参数时表示获取元素对应的属性，例如：("div").attr("class");表示获取("div").attr("clas...
js中attr和prop的区别
张不帅
09-09 421
HTML元素本身带有的固有属性，处理时用prop方法，快速，准确 自定义的DOM属性，处理时使用attr方法
jQuery中attr()与prop()的区别
BAT_number的博客
08-26 304
在动态选中或取消checkbox的过程中遇到了一个问题，使用attr('checked',false)可以取消勾选，但是使用attr('checked',true)却再次勾选。百度发现使用prop()可以实现。 它俩的区别在于: 当要获取或者改变HTML本身有的属性，使用prop(),例如checkbox的checked属性； 当要获取或者改变HTML自定义的属性时，使用attr().
JQuery中attr()和prop()用法和区别
Java仗剑走天涯
09-07 4349
JQuery中attr()和prop()用法和区别
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值