JQ属性选取attr、prop、data的区别

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

#标签 #数据 #jq #jquery #html

本文详细介绍了jQuery中attr、prop及data方法的区别与用法。attr用于获取标签属性值；prop用于获取布尔值属性；data则用于处理自定义数据属性。

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

JQ属性选取attr、prop、data的区别

ps：本人亲测，阿里云2核4G5M的服务器性价比很高，新用户一块多一天，老用户三块多一天，最高可以买三年，感兴趣的可以戳一下：阿里云折扣服务器

1、attr返回属性的值（标签自带属性和自定意属性都可以返回）

2、prop返回true或false（只能返回标签自带属性，不能返回自定义属性）

3、data向被选元素附加数据，或者从被选元素获取数据（即H5的自定义属性）

jquery中attr和prop的区别分析
12-09
在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。 关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单： • 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。 • 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。 上面的描述也许有点模糊，举几个例子就知道了。  代码如下: <a>百度</a>  这个例子里<a>元素的DOM属性有“href、ta
JQ 设置属性 attr()
08-14
在JavaScript的世界里，...同时，`attr()`与jQuery的其他方法如`data()`、`prop()`等相结合，能构建出更复杂的前端应用。实践是检验真理的唯一标准，尝试在自己的项目中运用这些知识，你会发现它们的实用性与强大之处。
Jquery中attr和prop的区别
极客神殿
07-17 1887
在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。 关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单： 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。 上面的描述也许有点模糊，举几个例子就知道了。 ...
jq中 attr与prop
qq_45449432的博客
08-16 380
jquery中能对属性进行操作的有attr与prop方法 谈谈我的理解： prop：能够获取与处理html元素中的固有属性， attr： 能够获取html元素中的自定义属性 在处理固有属性性时，推荐使用prop方法。原因下文将会提到 <a class="Name" href="http://www.baidu.com">点我跳转</a> console.log($('a').prop('href'))//http://www.baidu.com console.log($('a').
jQuery中attr与prop
m0_52228992的博客
05-14 950
attr与prop非常相似，均可访问元素的属性值和设置属性值，但prop多用于设置（访问）DOM属性，attr没有限制,HTML、DOM均可 语法： 获取属性值：元素.attr("属性") 或者 元素.prop("属性") 设置属性值：元素.attr("属性","属性值") 或者 元素.prop("属性","属性值") 设置获取属性时，需要注意的是，这里的属性必须能够直接在html标签内写出，类似（<img src"XXX" width="100px">），这里的width可以访问并设.
jQuery .attr() .prop() .data()区别及全选等问题
xuanxuan129的专栏
05-24 1792
jQuery .attr() .prop() .data()区别
JQ 属性操作
08-13
使用`.prop()`方法可以更好地处理布尔属性，因为它返回的是布尔值而非字符串。同时，`$.data()`可以用于存储和检索关联到元素的自定义数据，这不同于DOM的属性。 七、示例代码分析 在提供的“demo”文件中，很可能...
JQ 获取内容和属性
06-10
通过选择器（如ID、类名或属性选择器）选取元素后，我们可以调用一系列的方法来获取或修改它们的内容和属性。 ### 获取内容 1. **`text()`**: 使用`text()`方法可以获取元素的文本内容，不包括子元素的文本。如果...
jQueryAPI.rar_jq 1.2.6api
09-23
可以使用`attr(attributeName)`获取或设置元素的属性值，`removeAttr(attributeName)`移除属性，`prop(propertyName)`针对DOM元素的特性进行操作。 8. **数据存储** jQuery提供了一种在元素上存储私有数据的方式...
jquery复选框多选赋值给文本框的方法
12-09
在代码中，`'[data-type="checkbox"]'`选择器用于选取所有带有`data-type="checkbox"`属性的元素，即所有的复选框。 3. **事件监听**： 使用`$(function() {...})`或`$(document).ready(function() {...})`来确保...
关于jq中的attr和prop的深入探究
Bminem的博客
03-30 926
首先，先看下面的一个例子： 输出：box aaa 输出：box undefined 小结：对于元素的固有属性，attr和prop都能操作，而对于自定义属性，只有attr能操作。 接下来我们来看看在input这样的标签中会遇到什么样的问题呢： 先带大家看一个例子： 小结：对于input这样的标签，prop可以取到布尔值，attr获取的是属性值。另外
JQ中attr()与prop()的使用
muyumuyu98的博客
03-28 1244
官方建议，具有true和false两个属性的属性使用prop()，其他的用attr() 当使用JQuery版本高于1.6时，attr(“checked”)获取的值从true/false变成了checked/undefined，且当复选框选中或取消选中时，attr(“checked”)获取的值不会发生改变 ...
jQ中的attr() 和 prop() 的区别,以及底层探讨!
qq_31906983的博客
11-18 2341
一..attr()和prop()的区别  1.两者都是设置属性,但是又有所不同.. attr()实际上是对html元素上的属性进行设置或者获取. 而prop()是对我们用js/jq获取到的DOM元素对象进行属性设置或者获取. 比如:常见的表单标签: &lt;input type='text' class='username' name='username'&gt; 以上的input标...
jQuery的attr()和prop()方法
请别抢我的狗熊
06-27 1686
前言 在jQuery中有许多的功能能够简化开发流程，jQuery是一个JavaScript的库，封装了许多方法，很多时候，你会发现，在实现某个功能的时候，会发现这个功能的实现可以使用多种方法。 本文主要是介绍jQuery设置属性的两个方法：attr（attributes）和prop（properties）。 官方介绍 我们知道有的浏览器在表单项中写disabled或者checked就可...
jQuery中attr()与prop()函数用法实例详解(附用法区别)
jingshaozhi的博客
09-21 743
本文实例讲述了jQuery中attr()与prop()函数用法。分享给大家供大家参考，具体如下： 一、jQuery的attr()方法 jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值
jQuery 对比 .attr() 和 .prop()
最新发布
monian187的博客
04-18 797
jquery 获取和修改标签属性的 api .attr() 和 .prop() 对比。
jquery常用方法之attr和prop方法
记录点滴
05-18 679
attr ( ): 给选中的元素添加属性，或取元素属性； 赋值：attr主要是给选中的元素添加自定义属性，当然添加class、id这些特性也可以； 下边代码中：我们给第一个div添加一个自定义属性date，给第二个div添加class，效果如下： <div class="box">1</div> <div class="box">2&lt...
jquery中attr和prop区别
前端队长Daotin
12-18 293
相同点： 都是jq中的自定义属性的方法。 区别： prop：attr 方法针对单选框和复选框的是否选中问题操作复杂 （ 元素.attr(“checked”) 选中返回值为 checked，未选中返回值为 undefined，不是直接显示 true 或者 false 那么简单） 示例： 元素.prop("checked"); // 获取这个元素是否选中 （可以直接显示true或false），更...
JQuery中attr()和prop()用法和区别
高靖博的博客
11-10 1752
jquery attr()方法 jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1. attr(属性名) //获取属性的值（取得第一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值