prop和attr的区别

最新推荐文章于 2025-04-09 09:41:33 发布

暖阳。

最新推荐文章于 2025-04-09 09:41:33 发布

阅读量3.1k

点赞数 1

文章标签： jquery javascript 前端

本文链接：https://blog.youkuaiyun.com/wxqwxq123444/article/details/125203512

版权

一、attr和prop含义的区别
attr 是从页面搜索获得元素值，所以页面必须明确定义元素才能获取值，相对来说较慢。

prop是从属性对象中取值，属性对象中有多少属性，就能获取多少值，不需要在页面中显示定义。

二、在高版本的jquery引入prop方法后，attr和prop在使用时如何选择？
对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。快速，准确。

对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。

例子：prop

比如input和img自带的属性checkbox、src进行操作使用prop

例子：attr

对于自定义的操作使用attr

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

暖阳。

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

attr 与prop 的区别

linjun的博客

05-04

417

特别是当涉及到布尔属性（如 checked、disabled）时，因为它更准确、更可靠。是两个常用的方法，用于操作 HTML 元素的属性和属性值。则更适合于处理自定义属性或 HTML5 中的新属性。它们之间的区别主要在于针对不同类型的属性操作。在大多数情况下，应该优先使用。

attr()和prop()的区别

qq_42988963的博客

09-11

795

1、在jQuery中attr()和prop()两种方法都可以获取和操作元素的节点属性和属性。attr操作元素的节点属性，prop操作元素的属性，但是两者在使用时也存在差别。 2、attr()方法操作节点属性，attr()可以传入字符串也可以传入对象。 - 传入一个字符串参数时表示获取元素对应的属性，例如：("div").attr("class");表示获取("div").attr("clas...

参与评论您还未登录，请先登录后发表或查看评论

JS中attr 和 prop 的区别

weixin_49199038的博客

11-06

4925

attr : 设置或返回被选元素的属性值. prop : 获取在匹配的元素集中的第一个元素的属性值。 attr 和 prop 的本质 attr 是 attribute 的缩写,prop 是 property 的缩写，都有属性的意思，只不过 attr 是操作 html 文档节点属性，prop 是操作 js 对象属性. attr 在 js 中使用的是 setAttribute 和 getAttribute 而 prop 直接使用原生 js 的 element[value] 和 element[value]=ke

prop和attr异同

最新发布

m0_67418845的博客

04-09

237

prop()可以动态获取标签的状态，attr()不能动态获取标签的状态（例：input未设置checked时，不论input是否被选中，attr()获取checked属性，均是返回undefined，若设置均返回checked；prop()和attr()给dom设置属性时，如果有多个可匹配的dom，全部都被设置上属性；prop()获取未设置的固有属性，返回空值，attr()获取未设置的属性，返回undefined。prop()和attr()取dom时，如果有多个可匹配的dom，只取第一个。

attr与prop区别

aaaa7410的博客

11-04

432

在jQuery中，attr()函数和prop()函数都用于设置或获取指定的属性，它们的参数和用法也几乎完全相同。但不得不说的是，这两个函数的用处却并不相同。下面我们来详细介绍这两个函数之间的区别。 1、操作对象不同很明显，attr和prop分别是单词attribute和property的缩写，并且它们均表示"属性"的意思。不过，在jQuery中，attribute和prop...

jQuery函数attr()和prop()的区别

weixin_33859504的博客

03-11

239

在jQuery中，attr()函数和prop()函数都用于设置或获取指定的属性，它们的参数和用法也几乎完全相同。但不得不说的是，这两个函数的用处却并大不相同。下面我来详细介绍这两个函数之间的区别。 1、操作对象不同很明显，attr和prop分别是单词attribute和property的缩写，并且它们均表示"属性"的意思。不过，在jQuery中，attribute和property却...

jquery中attr和prop的区别分析

10-24

总结来说，`attr` 和 `prop` 的主要区别在于： 1. `attr` 用于处理自定义属性和非固有属性，而`prop` 用于处理固有属性。 2. 固有属性（如`checked`、`selected`）使用`prop`可以获取或设置正确的布尔值，而`attr`则...

jQuery学习之prop和attr的区别示例介绍

10-26

但是，为了适应jQuery 1.6中对`.attr()`和`.prop()`方法的更新，一些在之前版本中通过`.attr()`方法设置的属性需要改用`.prop()`方法来处理，特别是在处理布尔值属性时。例如，在jQuery 1.6中，使用`.attr()`方法...

jQuery attr() 方法和 prop() 方法区别

zcc的博客

12-07

4128

jQueryattr()方法定义和用法 attr() 方法设置或返回被选元素的属性和值。当该方法用于返回属性值，则返回第一个匹配元素的值。当该方法用于设置属性值，则为匹配元素设置一个或多个属性/值对。 jQueryprop()方法定义和用法 prop() 方法设置或返回被选元素的属性和值。当该方法用于返回属性值时，则返回第一个匹配元素的值。当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。注意：prop() 方法应该用于检索属性值，例如 DO...

JS中attr和prop属性的区别以及优先选择示例介绍

12-08

在JavaScript的jQuery库中，`attr`和`prop`都是用于获取或设置元素属性的方法，但它们之间存在一些重要的区别。这些方法的使用场景不同，理解它们的差异对于编写高效且正确的JavaScript代码至关重要。首先，`attr`...

jquery中关于attr和prop的区别！

Java&Develop的博客

06-13

5572

昨天这两个方法搞混了,被公司大佬说了下，虽然没说什么，但还是挺尴尬的。重点是大佬说你可以用attr方法，我特么第一句话就是怎么用呢。原谅我使用vue之后太依赖框架的东西了，以至于以前jquery玩的也挺溜的我，慢慢淡忘了 jquery。罪过罪过呢！jquery还是一款很优秀的函数库，哎不说了继续码代码了。 $().attr() 允许我们往元素上加上自定义属性我们也可以用attr 获取提前定义好的在上面的自定义属性值当然也可以获取到元素自带的一些属性那么 attr 是获取和设置属性的

jQuery中attr和prop区别

weixin_39499845的博客

04-28

566

一、attr和prop区别 attr 是从页面搜索获得元素值，所以页面必须明确定义元素才能获取值，相对来说较慢。 prop是从属性对象中取值，属性对象中有多少属性，就能获取多少值，不需要在页面中显示定义。二、attr和prop怎么选择？对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。快速，准确。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。三、例...

attr 和 prop 的区别

丨小毛子的博客

07-05

598

关于attr() 和 prop() 的区别在我们用jQuery来写代码的项目中，会经常用到要给元素设置属性的时候，而通常我们也是用attr()和prop()方法;但是attr()和prop()是有区别。 1、对于 HTML 元素本身就带有的固有属性，在处理时，使用 prop 方法。 prop()函数的结果: 1.如果有相应的属性，返回指定属性值。 2.如果没有相应的属性，返回值是空字符串。例如： <a href="https://www.runoob.com" target="_self" cla

attr与prop的区别

qq_38101304的博客

01-09

165

var one=$("#one").attr("checked") //checked var two=$("#two").attr("checked") //undifined var three=$("#one").prop("checked") //true var four=$("#two").prop("checked") //false 这二者的唯一区别: attr在遇到属性为true或者false的情况会返回其他结果，如图所示，而prop会正确返回，所以说在我们遇..

attr和prop

weixin_64355008的博客

11-27

757

attr和prop

attr()和prop的区别

shixinbing的博客

08-28

2092

attr()和prop的区别一、两者定义 1、attr() ：获取匹配的元素集合中的第一个元素的属性的值或设置每一个匹配元素的一个或多个属性。 *.attr( attributeName, value ) 给元素的某个属性设置值 *.attr(attribut...

Jquery中attr和prop的区别

极客神殿

07-17

1871

在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单：对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。上面的描述也许有点模糊，举几个例子就知道了。 ...

jquery prop和attr的区别

04-06

jQuery中的prop和attr有什么区别？ prop和attr都是用来获取或设置HTML元素属性值的jQuery方法。但是它们有一些区别： 1. prop专门用来获取或设置HTML元素的属性值，例如元素的checked，disabled等状态属性值； 2. attr用来获取或设置HTML元素的属性值，例如元素的ID、class、title等普通属性值； 3. 对于HTML标准属性（例如title、class），prop和attr之间的区别可能不大，但是对于非标准属性（例如data-*属性）就有明显差异。在jQuery 1.6及以上版本，推荐使用prop来操作boolean属性（例如checked）。总之，prop和attr的使用应该基于你要操作的HTML元素的属性类型和需求。