jQuery attr() 属性操作和prop()属性操作

最新推荐文章于 2024-08-01 03:56:10 发布
最新推荐文章于 2024-08-01 03:56:10 发布
阅读量221 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/surprise_bao/article/details/88355814
本文详细解析了jQuery中attr()和prop()方法的使用场景及区别，特别是在处理boolean类型属性如checked、selected和disabled时，应使用prop()而非attr()。同时，区分了HTML自带属性与自定义DOM属性在处理时的不同方法。

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

jQuery attr() 属性操作和prop()属性操作

语法

.attr(“属性”，“属性值”)
.prop(“属性”，“属性值”)

作用
获取匹配元素集合中第一个元素属性的值或设置匹配元素的一个多个属性的值

attr()与prop()区别

自jQuery 1.6之后 对于checked,selected,disabled这种boolean类型的属性来说，不能用attr(),得用prop()
对于HTML元素本身就带有的固定属性，在处理时，使用prop方法
对于HTML元素我们自定义的DOM属性，在处理时，使用attr方法

jQuery操作attr、prop、val()/text()/html()、class属性
10-16
jQuery的attr和prop方法都是用来操作元素属性的，但它们有各自不同的使用场景和特性。在jQuery 1.6之后，对于一些布尔型属性如checked、selected、disabled等，推荐使用prop方法而不是attr方法。因为这些属性在HTML...
jQuery中attr()和prop()在修改checked属性时的区别
12-10
在jQuery中，`attr()`和`prop()`方法都是用来处理元素属性的，但在特定场景下，它们的行为有所不同，尤其是在处理像`checked`这样的布尔属性时。`checked`属性是HTML元素的一个特性，它用于表示复选框或单选按钮是否...
prop和attr
可了不得
02-25 452
本文的主要目的就是说说他们之间的区别。※对html元素本身就带的固有属性，处理即prop。※html元素我们自己定义的dom属性，就是attr。使用prop方法取值和设置属性值（非固有的），都会返回undefined。像是checkbox，redio，select这样的元素，选中属性也为固有属性。在之前我也看过一些技术文，里面的例子有的都不能正确的使用，原因大多数是因为版本，现在我要执行的环境是j...
html——jquery修改元素属性值（attr与prop）
知北行的博客
08-07 512
分别有attr与prop方法 添加属性名称该属性就会生效应该使用prop prop()方法适用于Boolean值的属性 其他则使用attr 简单点说：我们建议以下属性使用prop方法 checked、readonly、selected、disabled、autofocus等 转自：jQuery-修改元素属性 ...
jquery属性操作.html(),, .prop()
a1209849629的博客
04-15 438
jquery属性操作 1、html() 取出或设置html内容 // 取出html内容 var $htm = $('#div1').html(); // 设置html内容 $('#div1').html('<span>添加文字</span>'); 2、prop() 取出或设置某个属性的值 // 取出图片的地址 var $src = $('#img1').prop(...
450day（属性操作，prop方法）
orangecloudy的博客
12-28 135
《2018年12月27日》【连续450天】 标题：属性操作，prop方法； 内容： &lt;body&gt; &lt;!--样式：在style里面写的，用css来操作。--&gt; &lt;!--属性：在里面里面写的，用attr方法操作。--&gt; &lt;img src="04.gif" alt="突破了" title="对"&gt; &lt;script src
Vue3 学习笔记（十四）——渲染函数API（模板的代替方案）与服务端渲染 (SSR)...
最新发布
weixin_41424429的博客
08-01 233
一、渲染函数API（模板的代替方案）渲染函数就派上用场了。注：Vue 的渲染系统基于“虚拟 DOM”；虚拟 DOM (Virtual DOM，简称 VDOM) 是一种编程概念，意为将目标所需的 UI 通过数据结构“虚拟”地表示出来，保存在内存中，然后将真实的 DOM 与之保持同步。这个概念是由 React率先开拓，随后...
jquery获取自定义属性(attr和prop)实例介绍
10-27
在jQuery中，`attr()`和`prop()`方法都是用来处理HTML元素的属性，但它们有着不同的用法和适用场景。`attr()`主要用于处理标准的HTML属性，如`id`、`class`、`href`等，而`prop()`则更倾向于处理DOM元素的布尔属性或...
jquery 获取自定义属性(attr和prop)的实现代码
12-11
1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined ） 2. attr(属性名, 属性值) //设置属性的值 ...
渲染函数 & JSX语法
Lingoup的博客
10-10 726
可以使用 withDirectives 将自定义指令应用于 vnode// 自定义指令])当一个指令是以名称注册并且不能被直接导入时，可以使用 resolveDirective 函数来解决这个问题。
jQuery attr() prop() data()用法及区别
didi8969的博客
06-23 174
jQuery attr() prop() data()用法及区别 .attr()，此方法从jq1.0开始一直存在，官方文档写的作用是读/写DOM的attribute值，其实1.6之前有时候是attribute，有时候又是property。.prop()，此方法jq1...
vue3_渲染函数
qq_45104829的博客
06-02 748
函数用于创建 vnodes。
.prop（）与.attr（）
asdfgh0077的博客
12-30 773
因此， jQuery 1.6具有新的功能prop() 。 $(selector).click(function(){ //instead of: this.getAttribut
jquery attr/attribute()方法
乐杨俊浅谈LAMP
10-16 8352
在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中，用一个attr()就可以全部搞定了,赞一个先 ^^ jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。 1. at
jquery中.prop()和.attr()的区别 什么叫布尔型属性 property vs attributes , boolean attributes...
凝视深渊
06-15 1104
固有属性 布尔型属性 jquery 1.6之后出了个新方法 .prop() ， .prop() 与 .attr() 到底各自对应什么呢？ 什使用.prop()来获取property，使用.attr()来获取attributes。么是property, 什么是attributes。写一个html/xml的classList 是数组 className 是字符串 以空格间隔 不好操作
H5-JQuery属性操作(attr和prop)
lieuly的博客
09-26 657
html属性操作：是对html文档中的属性进行读取，设置和移除操作。比如attr()、removeAttr() DOM属性操作：对DOM元素的属性进行读取，设置和移除操作。比如prop()、removeProp() 样式操作：是指对DOM属性className进行添加，移除操作。比如addClass()、removeClass()、toggleClass() 值操作：是对DOM属性value进行读...
jQuery中attr与prop两个属性的不同
eggplant_的博客
01-02 457
在jQuery中，attr()函数和prop()函数都用于设置或获取指定的属性，它们的参数和用法也几乎完全相同。 但不得不说的是，这两个函数的用处却并不相同。下面我们来详细介绍这两个函数之间的区别。   attr和prop分别是单词attribute和property的缩写，并且它们均表示"属性"的意思。 不过， 1.在jQuery中，attribute和property却是两个不同的概...
jQuery--属性操作（attr、removeAttr、prop、removeProp）详解
吴声子夜歌的博客
10-01 1701
属性操作 在JQuery中提供了一系列方法用于操作对象的属性。 方法 描述 attr(name|pro|key|,val|fn) 获取或设置元素的属性 removeAttr(name) 删除元素的某一个属性 prop(name|pro|key,val|fn) 后去或设置元素的一个或多个属性 removeProp(name) 删除由prop()方法设置的属性集 当元素...
jQuery attr()与prop()函数详解及差异示例
"这篇文章主要讲解了jQuery中的attr()和prop()函数的用法，并通过实例进行了解析，同时提到了这两个函数的区别。" 在jQuery中，attr()和prop()都是用于处理HTML元素属性的方法，但它们的应用场景和功能有所不同。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值