jquery的prop()和attr()的区别

最新推荐文章于 2022-06-13 09:48:50 发布
原创 最新推荐文章于 2022-06-13 09:48:50 发布 · 382 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细解析了jQuery中prop()与attr()函数的使用场景及区别。prop()用于处理HTML元素的固有属性，如checked、selected或disabled；而attr()则用于自定义的DOM属性。当属性存在时，两者都能返回属性值，但属性不存在时，prop()返回空字符串，attr()返回undefined。

prop()函数的结果:

      1.如果有相应的属性，返回指定属性值。

      2.如果没有相应的属性，返回值是空字符串。

attr()函数的结果:

      1.如果有相应的属性，返回指定属性值。

      2.如果没有相应的属性，返回值是undefined。

对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。

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

具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()

jQuery attr() 方法和 prop() 方法区别
zcc的博客
12-07 4203
jQueryattr()方法 定义和用法 attr() 方法设置或返回被选元素的属性和值。 当该方法用于返回属性值，则返回第一个匹配元素的值。 当该方法用于设置属性值，则为匹配元素设置一个或多个属性/值对。 jQueryprop()方法 定义和用法 prop() 方法设置或返回被选元素的属性和值。 当该方法用于返回属性值时，则返回第一个匹配元素的值。 当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。 注意：prop() 方法应该用于检索属性值，例如 DO...
jQuery学习之prop和attr的区别示例介绍
10-26
但是，为了适应jQuery 1.6中对`.attr()`和`.prop()`方法的更新，一些在之前版本中通过`.attr()`方法设置的属性需要改用`.prop()`方法来处理，特别是在处理布尔值属性时。 例如，在jQuery 1.6中，使用`.attr()`方法...
jq中prop和attr的区别
aliven1的博客
05-02 462
prop()函数的结果:      1.如果有相应的属性，返回指定属性值。      2.如果没有相应的属性，返回值是空字符串。attr()函数的结果:      1.如果有相应的属性，返回指定属性值。      2.如果没有相应的属性，返回值是undefined。对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方...
jquery中attr和prop的区别
逍遥绝情的博客
03-23 1067
jquery中attr和prop的区别 在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。 关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单： 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方
query attr prop区别
weixin_30359021的博客
07-03 142
大家都知道有的浏览器只要写disabled，checked就可以了，而有的要写成disabled = "disabled"，checked="checked"，比如用attr("checked")获取checkbox的checked属性时选中的时候可以取到值,值为"checked"但没选中获取值就是undefined。 jq提供新的方法“prop”来获取这些属性，就是来解决这个问题的，以前我们使...
jQuery中 prop() attr()使用详解
weixin_30470643的博客
11-09 184
对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。 在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。 关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单： 对于HTML元素本身就带有的固有属性，在处理时，使...
jquery中关于attr和prop的区别！
Java&Develop的博客
06-13 5904
昨天这两个方法搞混了,被公司大佬说了下，虽然没说什么，但还是挺尴尬的。重点是大佬说你可以用attr方法，我特么第一句话就是怎么用呢。原谅我使用vue之后太依赖框架的东西了，以至于以前jquery玩的也挺溜的我，慢慢淡忘了 jquery。罪过罪过呢！jquery还是一款很优秀的函数库，哎 不说了 继续码代码了。 $().attr() 允许我们往元素上加上自定义属性 我们也可以用attr 获取提前定义好的在上面的 自定义属性值 当然 也可以获取到 元素 自带的一些属性 那么 attr 是获取和设置 属性的
jquery中attr和prop的区别分析
10-24
在jQuery中，`attr` 和 `prop` 是两个用于获取和设置HTML元素属性的方法，但它们之间存在着重要的差异。理解这两个方法的区别对于高效且准确地操作DOM至关重要。 首先，`attr` 方法主要用于处理HTML元素的自定义...
jquery中prop()方法和attr()方法的区别浅析
10-26
在jQuery中，`attr()`和`prop()`方法都是用来处理元素的属性（attributes）和特性（properties），但它们之间存在一些关键的区别。了解这些差异对于编写高效、无误的JavaScript代码至关重要。 首先，属性...
jquery prop和attr的区别
04-06
jQuery中的prop和attr有什么区别？ prop和attr都是用来获取或设置HTML元素属性值的jQuery方法。但是它们有一些区别： 1. prop专门用来获取或设置HTML元素的属性值，例如元素的checked，disabled等状态属性值； 2....
jQuery中attr和prop的区别
xiaouncle的博客
01-01 3822
在高版本的jQuery引入prop方法后，什么时候该用prop？什么时候该用attr？它们之间有什么区别？这些问题就出现了。 关于它们的区别，我有一些自己的看法：
jQuery中prop和attr的区别
lxf1276650695的博客
05-17 289
官方定义：attr(): attr() 方法设置或返回被选元素的属性和值。 当该方法用于返回属性值，则返回第一个匹配元素的值。 当该方法用于设置属性值，则为匹配元素设置一个或多个属性/值对。 prop(): prop() 方法设置或返回被选元素的属性和值。 当该方法用于返回属性值时，则返回第一个匹配元素的值。 当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。 $(’’).attr()返回的是html对象 (′′).prop()返回的是DOM对象prop()方法操作radio（checkb
jQuery中attr和prop区别
weixin_39499845的博客
04-28 585
一、attr和prop区别 attr 是从页面搜索获得元素值，所以页面必须明确定义元素才能获取值，相对来说较慢。 prop是从属性对象中取值，属性对象中有多少属性，就能获取多少值，不需要在页面中显示定义。 二、attr和prop怎么选择？ 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。快速，准确。 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。 三、例...
jquery里prop和attr的区别
weixin_34120274的博客
06-05 164
　　本文通过具体的实例来讲述jquery里prop和attr的区别及使用方法。 在jquery里，我们要获取一个标签元素的属性，可以用attr或者prop，那么两者有什么区别呢？ 其实很简单： attr可以用来获取或生成“直接写在html标签里的属性” prop可以用来获取元素的JS属性，如scrollHeight,offsetHeight等。 我们知道...
jquery中attr()和prop()的区别
qq_34092577的博客
02-07 724
.attr() ： 获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。 •.attr( attributeName ) •.attr( attributeName ) •.attr( attributeName, value ) •.attr( attributeName, value ) •.attr( attributes ) •.attr( attri
jquery中attr和prop区别
前端队长Daotin
12-18 307
相同点： 都是jq中的自定义属性的方法。 区别： prop：attr 方法针对单选框和复选框的是否选中问题操作复杂 （ 元素.attr(“checked”) 选中返回值为 checked，未选中返回值为 undefined，不是直接显示 true 或者 false 那么简单） 示例： 元素.prop("checked"); // 获取这个元素是否选中 （可以直接显示true或false），更...
jQuery之attr()和prop()的区别
Tom197的博客
08-24 864
attr()与prop() 都具有设置和获取属性值的功能，但还是有所不同，下面就来解释一下吧
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值