jq中prop和attr的区别

最新推荐文章于 2022-06-13 09:48:50 发布
最新推荐文章于 2022-06-13 09:48:50 发布
阅读量356 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Javascript aliven的专栏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aliven1/article/details/80168830
本文介绍了jQuery中prop()和attr()函数的区别：prop()用于处理HTML元素本身的固有属性，而attr()则用于处理自定义DOM属性。当属性存在时，两者都返回属性值；若属性不存在，prop()返回空字符串，attr()返回undefined。此外，对于布尔属性如checked等，推荐使用prop()。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

prop()函数的结果:

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

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

attr()函数的结果:

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

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

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

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

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

jQuery attr() 方法和 prop() 方法区别
zcc的博客
12-07 4162
jQueryattr()方法 定义和用法 attr() 方法设置或返回被选元素的属性和值。 当该方法用于返回属性值，则返回第一个匹配元素的值。 当该方法用于设置属性值，则为匹配元素设置一个或多个属性/值对。 jQueryprop()方法 定义和用法 prop() 方法设置或返回被选元素的属性和值。 当该方法用于返回属性值时，则返回第一个匹配元素的值。 当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。 注意：prop() 方法应该用于检索属性值，例如 DO...
jquery中prop()方法和attr()方法的区别浅析
12-10
在jQuery中，`prop()`和`attr()`方法都是用于处理元素的属性，但它们之间存在重要的区别，尤其是在处理特定类型的属性时。这篇文章将深入探讨这两个方法的差异，并给出何时使用它们的指导原则。 首先，`attr()`方法...
jquery中attr和prop的区别
逍遥绝情的博客
03-23 1050
jquery中attr和prop的区别 在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。 关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单： 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方
query attr prop区别
weixin_30359021的博客
07-03 130
大家都知道有的浏览器只要写disabled，checked就可以了，而有的要写成disabled = "disabled"，checked="checked"，比如用attr("checked")获取checkbox的checked属性时选中的时候可以取到值,值为"checked"但没选中获取值就是undefined。 jq提供新的方法“prop”来获取这些属性，就是来解决这个问题的，以前我们使...
jQuery中 prop() attr()使用详解
weixin_30470643的博客
11-09 165
对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。 在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。 关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单： 对于HTML元素本身就带有的固有属性，在处理时，使...
jquery中关于attr和prop的区别！
Java&Develop的博客
06-13 5813
昨天这两个方法搞混了,被公司大佬说了下，虽然没说什么，但还是挺尴尬的。重点是大佬说你可以用attr方法，我特么第一句话就是怎么用呢。原谅我使用vue之后太依赖框架的东西了，以至于以前jquery玩的也挺溜的我，慢慢淡忘了 jquery。罪过罪过呢！jquery还是一款很优秀的函数库，哎 不说了 继续码代码了。 $().attr() 允许我们往元素上加上自定义属性 我们也可以用attr 获取提前定义好的在上面的 自定义属性值 当然 也可以获取到 元素 自带的一些属性 那么 attr 是获取和设置 属性的
jQuery中attr和prop的区别
xiaouncle的博客
01-01 3763
在高版本的jQuery引入prop方法后，什么时候该用prop？什么时候该用attr？它们之间有什么区别？这些问题就出现了。 关于它们的区别，我有一些自己的看法：
jquery中attr和prop的区别分析
12-09
在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。 关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单： • 对于HTML元素本身...
Jquery中attr与prop的区别详解
10-19
在jQuery中，`attr`和`prop`是两个用于获取和设置HTML元素属性的方法，但它们之间存在着重要的区别。在高版本的jQuery中，引入`prop`方法是为了更精确地处理元素的特性，特别是那些与JavaScript行为密切相关的属性。...
关于jquery中attr()和prop()方法的区别
12-11
attr() 方法设置或返回被选元素的属性和值。 当该方法用于返回属性值，则返回第一个匹配元素的值。 当该方法用于设置属性值，则为匹配元素设置一个或多个属性/值对。 prop(): prop() 方法设置或返回被选元素的属性和...
jQuery中prop和attr的区别
lxf1276650695的博客
05-17 280
官方定义：attr(): attr() 方法设置或返回被选元素的属性和值。 当该方法用于返回属性值，则返回第一个匹配元素的值。 当该方法用于设置属性值，则为匹配元素设置一个或多个属性/值对。 prop(): prop() 方法设置或返回被选元素的属性和值。 当该方法用于返回属性值时，则返回第一个匹配元素的值。 当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。 $(’’).attr()返回的是html对象 (′′).prop()返回的是DOM对象prop()方法操作radio（checkb
jQuery中attr和prop区别
weixin_39499845的博客
04-28 572
一、attr和prop区别 attr 是从页面搜索获得元素值，所以页面必须明确定义元素才能获取值，相对来说较慢。 prop是从属性对象中取值，属性对象中有多少属性，就能获取多少值，不需要在页面中显示定义。 二、attr和prop怎么选择？ 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。快速，准确。 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。 三、例...
jquery里prop和attr的区别
weixin_34120274的博客
06-05 122
　　本文通过具体的实例来讲述jquery里prop和attr的区别及使用方法。 在jquery里，我们要获取一个标签元素的属性，可以用attr或者prop，那么两者有什么区别呢？ 其实很简单： attr可以用来获取或生成“直接写在html标签里的属性” prop可以用来获取元素的JS属性，如scrollHeight,offsetHeight等。 我们知道...
jquery中attr()和prop()的区别
qq_34092577的博客
02-07 706
.attr() ： 获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。 •.attr( attributeName ) •.attr( attributeName ) •.attr( attributeName, value ) •.attr( attributeName, value ) •.attr( attributes ) •.attr( attri
jquery中attr和prop区别
前端队长Daotin
12-18 293
相同点： 都是jq中的自定义属性的方法。 区别： prop：attr 方法针对单选框和复选框的是否选中问题操作复杂 （ 元素.attr(“checked”) 选中返回值为 checked，未选中返回值为 undefined，不是直接显示 true 或者 false 那么简单） 示例： 元素.prop("checked"); // 获取这个元素是否选中 （可以直接显示true或false），更...
jQuery之attr()和prop()的区别
Tom197的博客
08-24 841
attr()与prop() 都具有设置和获取属性值的功能，但还是有所不同，下面就来解释一下吧
最新Jquery1.6中文API文档下载分享
API文档详细介绍了JQuery库中各种方法和功能，帮助开发者更容易地理解、学习和使用JQuery。文档通常包括每个方法的描述、参数列表、返回值、错误处理以及例子，这些都是学习JQuery不可或缺的部分。 从文件名“JQ1.6...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

aliven1

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值