一篇小文学废JQuery的attr和prop

最新推荐文章于 2025-04-18 09:36:44 发布
原创 最新推荐文章于 2025-04-18 09:36:44 发布 · 500 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jquery #前端 #javascript

本文深入探讨了JQuery中attr和prop两个方法的原理。attr主要用于设置或获取HTML元素的内置属性，如disabled、checked等；而prop则适用于处理自定义属性，即开发者或第三方库添加的属性。理解这两者的区别对于有效操纵DOM至关重要。

一、【特性】attr原理

attribute：针对的是JQuery本身自有的控件属性的引用，例如：disabled、checked、placeholder…

二、【属性】prop原理

property：针对的是我们开发人员或者第三方人员添加上来的属性

jQuery中的.attr()和.prop()方法 - 操作元素属性的细节解析
WfTest的博客
09-28 659
本文详细介绍了jQuery中的.attr()和.prop()方法，这两个方法用于操作HTML元素的属性。对于HTML属性和DOM属性的处理：.attr()方法用于处理HTML属性，而.prop()方法用于处理DOM属性。综上所述，.attr()方法和.prop()方法在操作元素属性时具有相似的功能，但在一些细节上存在差异。与.attr()方法不同，.prop()方法更适合用于处理布尔类型的属性，例如。返回值类型：.attr()方法始终返回属性的字符串值，而.prop()方法根据属性的类型返回不同的值。
jQuery attr() 方法和 prop() 方法区别
zcc的博客
12-07 4206
jQueryattr()方法 定义和用法 attr() 方法设置或返回被选元素的属性和值。 当该方法用于返回属性值，则返回第一个匹配元素的值。 当该方法用于设置属性值，则为匹配元素设置一个或多个属性/值对。 jQueryprop()方法 定义和用法 prop() 方法设置或返回被选元素的属性和值。 当该方法用于返回属性值时，则返回第一个匹配元素的值。 当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。 注意：prop() 方法应该用于检索属性值，例如 DO...
jquery中元素属性的操作以及attr()和prop()区别
weixin_52512511的博客
06-29 521
4. prop是从属性对象中取值，属性对象中有多少属性，就能获取多少值，不需要在页面中显示定义。attr('要设置的属性名','要设置的属性值') 传递两个参数的时候设置。prop('要设置的属性名','要设置的属性值') 传递两个参数的时候设置。2. prop 可以获取 元素自带的属性 但是不可以获取到 自定义的属性。所有的属性都会显示在标签上（原生属性和自定义属性都会在结构里显示)attr('要读取的属性名') 传递一个参数的时候读取。prop('要读取的属性名') 传递一个参数的时候读取。
jQuery中attr与prop
m0_52228992的博客
05-14 978
attr与prop非常相似，均可访问元素的属性值和设置属性值，但prop多用于设置（访问）DOM属性，attr没有限制,HTML、DOM均可 语法： 获取属性值：元素.attr("属性") 或者 元素.prop("属性") 设置属性值：元素.attr("属性","属性值") 或者 元素.prop("属性","属性值") 设置获取属性时，需要注意的是，这里的属性必须能够直接在html标签内写出，类似（<img src"XXX" width="100px">），这里的width可以访问并设.
jQuery的attr()与prop()
Lincain的博客
06-21 320
文章转自：https://www.cnblogs.com/dolphinX/p/3348582.html jQuery1.6中新添加了一个prop方法，看起来和用起来都和attr方法一样，这两个方法有什么区别呢？这要从HTMl 的attribute与property区别说起，attr与prop正是这两个东西的缩写。 attribute与property attribute和property都可...
jquery中prop()方法和attr()方法的区别浅析
12-10
在jQuery中，`prop()`和`attr()`方法都是用于处理元素的属性，但它们之间存在重要的区别，尤其是在处理特定类型的属性时。这篇文章将深入探讨这两个方法的差异，并给出何时使用它们的指导原则。 首先，`attr()`方法...
关于jQuery中.attr()和.prop()的问题探讨
10-26
这篇文章将探讨jQuery中的.attr()和.prop()方法，并解释它们之间主要的区别，特别是在处理Boolean值属性时的差异。 首先，.attr()方法是jQuery早期版本中用于获取和设置HTML元素属性的主要方法。它接受两个参数，第...
jQuery操作attr、prop、val()/text()/html()、class属性
12-02
本篇文章将详细讲解jQuery中的`attr`、`prop`、`val()`/`text()`/`html()`以及`class`属性的操作。 1. **attr操作** - **设置单个属性**：使用`$obj.attr(name, value)`，其中`name`是需要设置的属性名，`value`是...
jQuery attr()与prop()函数详解及差异示例
"这篇文章主要讲解了jQuery中的attr()和prop()函数的用法，并通过实例进行了解析，同时提到了这两个函数的区别。" 在jQuery中，attr()和prop()都是用于处理HTML元素属性的方法，但它们的应用场景和功能有所不同。 ...
一篇文章帮你入门jQuery
01-08
jQuery 是一个广泛应用于前端开发的JavaScript库，它的主要目的是简化DOM操作、事件处理、动画制作以及Ajax交互。jQuery 的核心特点在于其强大的选择器、筛选器、隐式迭代和链式编程模式，使得开发者能够以更简洁的...
jquery中的prop和attr
Liu_Jun_Tao的博客
03-04 622
上周在做业务时，遇到的一个小问题，根据后台传的值，初始化表单页面的状态，在设置下拉列表的选中值时，有些没有生效。 $("#card_type").attr('selected','selected'); 后面改成了 $("#card_type").prop('selected',true); 找了下两者的区别，这里记录下： 对于checkbox,select这类的标签，...
浅谈jquery中prop()和attr()
极客神殿
12-30 1469
我们都知道，一般在jquery中设置属性时要用到attr()方法，现在我们有一个效果，点击按钮切换复选框的选中状态，下面贴出html代码： 1 2 3 复选框 js代码： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 我们发现当点击按钮时，第一次点击时复选框会选中，第二次时点击复选框会取消选中，但以后再点击时复选框将不会有任何效果。更奇怪的是，打开调试工具，点击按钮时ht...
jQuery 对比 .attr() 和 .prop()
最新发布
monian187的博客
04-18 955
jquery 获取和修改标签属性的 api .attr() 和 .prop() 对比。
jQuery中attr()函数和prop()函数知识点
一只苟延残喘的卑微蝼蚁
01-04 1678
$("选择器").attr("checked");效果不理想，尽量使用$("选择器").prop('checked'); <pre> 在jQuery 1.6之前，只有attr()函数可用，该函数不仅承担了attribute的设置和获 取工作，还同时承担了property的设置和获取工作。例 如：在jQuery 1.6之前，attr()也可以设置或获取tagName、classNam...
jquery常用方法之attr和prop方法
记录点滴
05-18 702
attr ( ): 给选中的元素添加属性，或取元素属性； 赋值：attr主要是给选中的元素添加自定义属性，当然添加class、id这些特性也可以； 下边代码中：我们给第一个div添加一个自定义属性date，给第二个div添加class，效果如下： <div class="box">1</div> <div class="box">2&lt...
jQuery 自学笔记（五）——— attr() 操作属性、prop() 操作布尔类型、尺寸和位置操作
秀岩的博客
01-04 3141
一、attr() 操作属性 1.1 设置属性 1.2 获取属性 1.3 移除属性 二、 prop() 操作布尔类型的属性 2.1 原生 js 操作 checked 属性 2.2 jQuery 操作 checked 属性 2.3 表格全选反选 三、尺寸和位置操作 3.1 width() 方法与 height() 方法 3.2 offset() 方法 与 position() 方法 3.3 scrollTop()方法 和 scrollLeft()方法
jQuery中attr()与prop()函数用法实例详解(附用法区别)
jingshaozhi的博客
09-21 775
本文实例讲述了jQuery中attr()与prop()函数用法。分享给大家供大家参考，具体如下： 一、jQuery的attr()方法 jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值
jQuery中attr和prop区别
weixin_39499845的博客
04-28 586
一、attr和prop区别 attr 是从页面搜索获得元素值，所以页面必须明确定义元素才能获取值，相对来说较慢。 prop是从属性对象中取值，属性对象中有多少属性，就能获取多少值，不需要在页面中显示定义。 二、attr和prop怎么选择？ 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。快速，准确。 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。 三、例...
JQuery中attr和prop区别
Rocky balboa
01-16 321
如果操作的是元素的固有属性，则建议使用prop，l例如复选框的checked属性 如果操作的是元素自定义的属性，则建议使用attr
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值