jQuery中的.attr()和.prop()方法 - 操作元素属性的细节解析

最新推荐文章于 2024-05-17 14:32:46 发布
最新推荐文章于 2024-05-17 14:32:46 发布
阅读量425 收藏
点赞数
文章标签： jquery 前端 javascript jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WfTest/article/details/133368666
版权
jQuery 专栏收录该内容
39 篇文章 1 订阅 ¥59.90 ¥99.00
订阅专栏

在jQuery中，我们经常需要操作HTML元素的属性。为此，jQuery提供了两个常用的方法：.attr()和.prop()。这两个方法有着相似的功能，但在某些情况下会有一些细微的差异。本文将详细介绍.attr()和.prop()方法的使用方法以及它们之间的区别。

.attr()方法

.attr()方法用于获取或设置HTML元素的属性。它通过属性名称作为参数来操作元素的属性。下面是.attr()方法的基本语法：

$(selector).attr(attributeName)
$(selector).attr(attributeName, value)

其中，$(selector

了解本专栏 订阅专栏 解锁全文
WfTest
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
jquery中attr和prop的区别分析
10-24
主要介绍了jquery中attr和prop的区别分析的相关资料,需要的朋友可以参考下
jQuery .attr()和.removeAttr()方法操作元素属性示例
12-09
那么jQuery就可以让我们轻松的读取，添加，更改或删除一个（或多个）元素中的任何属性，在jQuery中我们可以使用下面的方法来实现： 1 .attr()：jQuery中的.attr()方法让你能轻松的读取，增加或修改一个元素的属性...
JQuery中attr()和prop()用法和区别
高靖博的博客
11-10 1346
jquery attr()方法 jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1. attr(属性名) //获取属性的值（取得第一...
【HTML5】关于attr和prop方法的用法与解析
星光不问赶路人，时光不负有心人。
01-07 2312
目录 1.什么是attribute，什么是property 2.什么是布尔值属性，什么是非布尔值属性 3.attribute和property的同步关系 4.用户操作的是property 5.浏览器认的是property   如果只想知道attr()和prop()方法该如何用的话请直接滑到最底部的结论！ 首先你得知道他们的全称 attr : attribute prop :...
jQuery中attr()和prop()的区别与使用
热门推荐
wuyujin1997的博客
03-29 1万+
API attr()系列 attr(attributeName) 读取第一个匹配到的元素的指定属性值。 attr(attributeName, value) 设置单个指定的属性值。 attr(attributes) 设置多个。 attr(attributeName, func) func为function(index, thisAttr)。 prop(...
jquery中关于attr和prop的区别！
Java&Develop的博客
06-13 4135
昨天这两个方法搞混了,被公司大佬说了下，虽然没说什么，但还是挺尴尬的。重点是大佬说你可以用attr方法，我特么第一句话就是怎么用呢。原谅我使用vue之后太依赖框架的东西了，以至于以前jquery玩的也挺溜的我，慢慢淡忘了 jquery。罪过罪过呢！jquery还是一款很优秀的函数库，哎 不说了 继续码代码了。 $().attr() 允许我们往元素上加上自定义属性 我们也可以用attr 获取提前定义好的在上面的 自定义属性值 当然 也可以获取到 元素 自带的一些属性 那么 attr 是获取和设置 属性的
jQuery attr() 方法和 prop() 方法区别
zcc的博客
12-07 3673
jQueryattr()方法 定义和用法 attr() 方法设置或返回被选元素的属性和值。 当该方法用于返回属性值，则返回第一个匹配元素的值。 当该方法用于设置属性值，则为匹配元素设置一个或多个属性/值对。 jQueryprop()方法 定义和用法 prop() 方法设置或返回被选元素的属性和值。 当该方法用于返回属性值时，则返回第一个匹配元素的值。 当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。 注意：prop() 方法应该用于检索属性值，例如 DO...
jQuery中attr()与prop()函数用法实例详解(附用法区别)
jingshaozhi的博客
09-21 526
本文实例讲述了jQuery中attr()与prop()函数用法。分享给大家供大家参考，具体如下： 一、jQuery的attr()方法 jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值
jquery中元素属性的操作以及attr()和prop()区别
weixin_52512511的博客
06-29 321
4. prop是从属性对象中取值，属性对象中有多少属性，就能获取多少值，不需要在页面中显示定义。attr('要设置的属性名','要设置的属性值') 传递两个参数的时候设置。prop('要设置的属性名','要设置的属性值') 传递两个参数的时候设置。2. prop 可以获取 元素自带的属性 但是不可以获取到 自定义的属性。所有的属性都会显示在标签上（原生属性和自定义属性都会在结构里显示)attr('要读取的属性名') 传递一个参数的时候读取。prop('要读取的属性名') 传递一个参数的时候读取。
jQuery 自学笔记（五）——— attr() 操作属性、prop() 操作布尔类型、尺寸和位置操作
秀岩的博客
01-04 1687
一、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()的区别与使用(转载）
weixin_46048542的博客
11-03 219
这个例子里元素的DOM属性有“href、id和action”，很明显，前两个是固有属性，而后面一个“action”属性是我们自己自定义上去的，元素本身是没有这个属性的。使用prop方法取值和设置属性值时，都会返回undefined值。这个例子里元素的DOM属性有“href、target和class"，这些属性就是元素本身就带有的属性，也是W3C标准里就包含有这几个属性，或者说在IDE里能够智能提示出的属性，这些就叫做固有属性。是从属性对象中取值，属性对象中有多少属性，就能获取多少值，本身就带有的固有属性。
关于jQuery中.attr()和.prop()的问题探讨
10-26
写了几句代码在ie8上能正常运行，chrome和ff却不行，prop()方法适用于Boolean值的属性，添加属性名称该属性就会生效应该使用.prop()者两点就是他们的区别吧
jquery更改元素属性attr()方法操作示例
10-15
主要介绍了jquery更改元素属性attr()方法,结合实例形式简单分析了jquery更改元素属性attr()方法基本功能、语法及相关使用技巧,需要的朋友可以参考下
attr()和prop() Attributes和Properties
随风飘扬
07-04 1483
.prop( propertyName )返回: String 描述: 获取匹配的元素集中第一个元素的属性（property）值添加的版本: 1.6.prop( propertyName )propertyName类型: String 要得到的属性的名称.prop()方法只获得第一个匹配元素的属性值 。如果元素上没有该属性，或者如果没有匹配的元素。那么该方法会返回undefined值。若要取得每个...
jQuery中attr()函数和prop()函数知识点
程宇寒
01-04 1491
$("选择器").attr("checked");效果不理想，尽量使用$("选择器").prop('checked'); <pre> 在jQuery 1.6之前，只有attr()函数可用，该函数不仅承担了attribute的设置和获 取工作，还同时承担了property的设置和获取工作。例 如：在jQuery 1.6之前，attr()也可以设置或获取tagName、classNam...
jQuery中attr()与prop()的区别
monkeyfly学前端
11-29 8457
Write By Monkeyfly 以下内容均为原创，如需转载请注明出处。 前提 在 jQuery 里，我们要获取一个标签元素的属性，可以用 attr()方法或者 prop()方法 ，那么两者有什么区别呢？ jQuery attr() 方法 和 prop() 方法 attr() 方法设置或返回被选元素的属性值。 prop() 方法设置或返回被选元素的属性和值。 注：单纯从定义看的话，两个方法...
jQuery中attr与prop
m0_52228992的博客
05-14 734
attr与prop非常相似，均可访问元素的属性值和设置属性值，但prop多用于设置（访问）DOM属性，attr没有限制,HTML、DOM均可 语法： 获取属性值：元素.attr("属性") 或者 元素.prop("属性") 设置属性值：元素.attr("属性","属性值") 或者 元素.prop("属性","属性值") 设置获取属性时，需要注意的是，这里的属性必须能够直接在html标签内写出，类似（<img src"XXX" width="100px">），这里的width可以访问并设.
JQuery的attr()方法与prop()
weixin_43186036的博客
04-28 279
一、attr()方法 1、attr()用来获取与设置元素属性 2、语法：$(selector).attr([name]) ; //获取属性值 或 $(selector).attr({[name1:value1]…[nameN:valueN]}) ; //设置多个属性的值 3、示例：$(".contain img").attr({width:“200”,height:“80”}); 二、p...
WEB转Flutter基础学习笔记（内含vue和flutter对比）
最新发布
小易不止于搬砖的博客
05-17 667
笔者是一名web前端，记录在转栈flutter时的学习笔记，内涵和vue的对比，能够辅助前端同学更容易理解flutter
jquery .attr
11-21
`.attr()`是jQuery中的一个方法，用于获取或设置HTML元素的属性值。它的语法如下： - 获取属性值：`$(selector).attr(attributeName)` - 设置属性值：`$(selector).attr(attributeName, value)` 其中，`selector`...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值