attr()与prop()区别

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

#js

本文探讨了jQuery中attr()与prop()方法的使用场景。attr()适用于大多数属性的读取与设置，而prop()则专门用于处理布尔值属性，如checked、selected或disabled。通过实例说明，在设置select元素的默认值时，prop()能有效改变其状态，而attr()则无法达到相同效果。

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

attr()与prop() 这两者都是获取和设置 属性的方法
在表单提交后设置select回复默认值时，使用attr()恢复默认值时，select的值没有发生改变

$('#area').find('option').first().attr('selected',true) // 使用后select的值未发生改变

后面采用prop()，select的值发生改变

$('#area').find('option').first().prop('selected',true) // 使用后默认选中第一个

关于两者什么时候使用
具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr()

attr()和prop()的区别
qq_42988963的博客
09-11 806
1、在jQuery中attr()和prop()两种方法都可以获取和操作元素的节点属性和属性。attr操作元素的节点属性，prop操作元素的属性，但是两者在使用时也存在差别。 2、attr()方法操作节点属性，attr()可以传入字符串也可以传入对象。 - 传入一个字符串参数时表示获取元素对应的属性，例如：("div").attr("class");表示获取("div").attr("clas...
attr 与prop 的区别
linjun的博客
05-04 441
特别是当涉及到布尔属性（如 checked、disabled）时，因为它更准确、更可靠。是两个常用的方法，用于操作 HTML 元素的属性和属性值。则更适合于处理自定义属性或 HTML5 中的新属性。它们之间的区别主要在于针对不同类型的属性操作。在大多数情况下，应该优先使用。
jq中prop和attr的区别
aliven1的博客
05-02 349
prop()函数的结果:      1.如果有相应的属性，返回指定属性值。      2.如果没有相应的属性，返回值是空字符串。attr()函数的结果:      1.如果有相应的属性，返回指定属性值。      2.如果没有相应的属性，返回值是undefined。对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方...
attr()和prop()的区别(-----简单易懂-----)
请叫我大师兄
12-18 5202
精华： To retrieve and change DOM properties such as the checked, selected, or disabled state of form elements, use the .prop() method.  根据官方的建议：具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled
Jquery中attr与prop的区别详解
10-19
在jQuery中，`attr`和`prop`是两个用于获取和设置HTML元素属性的方法，但它们之间存在着重要的区别。在高版本的jQuery中，引入`prop`方法是为了更精确地处理元素的特性，特别是那些与JavaScript行为密切相关的属性。...
jquery中attr、prop、data区别与用法分析
10-16
jQuery作为前端开发中非常重要的JavaScript库，其提供的attr、prop和data方法分别用于操作HTML元素的属性，理解它们的区别与用法对于前端开发人员来说非常重要。本文将结合实例详细分析这三个方法的差异、功能、使用...
jquery中attr和prop的区别分析
10-24
总结来说，`attr` 和 `prop` 的主要区别在于： 1. `attr` 用于处理自定义属性和非固有属性，而`prop` 用于处理固有属性。 2. 固有属性（如`checked`、`selected`）使用`prop`可以获取或设置正确的布尔值，而`attr`则...
JS中attr和prop属性的区别以及优先选择示例介绍
12-08
在JavaScript的jQuery库中，`attr`和`prop`都是用于获取或设置元素属性的方法，但它们之间存在一些重要的区别。这些方法的使用场景不同，理解它们的差异对于编写高效且正确的JavaScript代码至关重要。 首先，`attr`...
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()的区别
novice的博客
07-29 379
前言今天jq上一个概念让我迷糊了好久：prop 和 attr 。到底为啥要分出这俩方法，我很奇怪，于是去查了查。以attr()为例，官方文档上的解释如下 获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。 和attr() 类似的，prop() 的解释也差不多 获取匹配的元素集中第一个元素的属性（property）值或设置每一个匹配元素的一个或多个属性。 既
jQuery 中 attr()和 prop()的区别
m0_71231013的博客
05-25 182
在 jQuery 里，我们要获取一个标签元素的属性，可以用 attr()方法或者 prop()方法 ，那么两者有什么区别呢？ 对于 HTML 元素本身就带有的固有属性，或者说 W3C 标准里就包含有这些属性，更直观的说法就是，编辑器里面可以智能提示出来的一些属性，如：src、href、value、class、name、checked等。在处理时，使用 prop() 方法。 对于 HTML 元素我们自定义的 DOM 属性，即元素本身是没有这个属性的，如：data-*。在处理时，使用 attr() 方法。
prop和attr
可了不得
02-25 452
本文的主要目的就是说说他们之间的区别。※对html元素本身就带的固有属性，处理即prop。※html元素我们自己定义的dom属性，就是attr。使用prop方法取值和设置属性值（非固有的），都会返回undefined。像是checkbox，redio，select这样的元素，选中属性也为固有属性。在之前我也看过一些技术文，里面的例子有的都不能正确的使用，原因大多数是因为版本，现在我要执行的环境是j...
attr与prop区别
ShawnRogers的博客
10-03 110
$(function() { //渲染页面 load() $("#title").on("keydown", function(event) { if (event.keyCode === 13) { var local = getDate() // 把最新的数据追加个local数组 local.push({ title: $(this).val(), d.
prop和attr的区别
wxqwxq123444的博客
06-09 3171
prop和attr的选择
jquery中attr和prop的区别
m0_47720236的博客
03-12 3409
一，获取属性的区别 ● attr() 操作标签上的属性 ● prop() 操作Boolean类型的属性和有特性(class id name)的属性 attr可以操作HTML标签中的属性，不管是固有属性，还是添加的自定义属性。都可以通过attr来设置。 prop同样可以操作HTML中的固有属性，但对于自定义属性便无能为力了 下图可见 对于标签的固有属性，建议用prop方法。 如 id,class,width; 获取标签属性。 对于标签的自定义属性，建议使用attr方法。 二，获取属性值为boolean类型
jQuery中attr()和prop()的区别与使用
wuyujin1997的博客
03-29 1万+
API attr()系列 attr(attributeName) 读取第一个匹配到的元素的指定属性值。 attr(attributeName, value) 设置单个指定的属性值。 attr(attributes) 设置多个。 attr(attributeName, func) func为function(index, thisAttr)。 prop(...
JS中attr和prop区别
热门推荐
csdnluolei
01-09 1万+
一、attr和prop区别 attr 是从页面搜索获得元素值，所以页面必须明确定义元素才能获取值，相对来说较慢。  prop是从属性对象中取值，属性对象中有多少属性，就能获取多少值，不需要在页面中显示定义。  二、attr和prop怎么选择？ 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。快速，准确。 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr...
jquery attr 和 prop方法的区别
最新发布
07-16
</think>### jQuery 中 `attr()` 与 `prop()` 方法的区别详解 在 jQuery 中，`attr()` 和 `prop()` 都用于操作元素属性，但存在关键差异： #### 1. **核心概念区分** - **`attr()`** 操作 **HTML 属性**（定义在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值