attr()与prop()区别

最新推荐文章于 2022-06-09 15:27:21 发布
最新推荐文章于 2022-06-09 15:27:21 发布
阅读量279 收藏
点赞数
分类专栏： 日常nc问题记录 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42970981/article/details/106259922
版权

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()

前端大流中的小菜鸡
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
attr()和prop()的区别
qq_42988963的博客
09-11 648
1、在jQuery中attr()和prop()两种方法都可以获取和操作元素的节点属性和属性。attr操作元素的节点属性，prop操作元素的属性，但是两者在使用时也存在差别。 2、attr()方法操作节点属性，attr()可以传入字符串也可以传入对象。 - 传入一个字符串参数时表示获取元素对应的属性，例如：("div").attr("class");表示获取("div").attr("clas...
jquery中attr和prop的区别分析
10-24
总结来说，`attr` 和 `prop` 的主要区别在于： 1. `attr` 用于处理自定义属性和非固有属性，而`prop` 用于处理固有属性。 2. 固有属性（如`checked`、`selected`）使用`prop`可以获取或设置正确的布尔值，而`attr`则...
prop和attr的区别
wxqwxq123444的博客
06-09 3052
prop和attr的选择
jquery中attr和prop的区别
m0_47720236的博客
03-12 3310
一，获取属性的区别 ● attr() 操作标签上的属性 ● prop() 操作Boolean类型的属性和有特性(class id name)的属性 attr可以操作HTML标签中的属性，不管是固有属性，还是添加的自定义属性。都可以通过attr来设置。 prop同样可以操作HTML中的固有属性，但对于自定义属性便无能为力了 下图可见 对于标签的固有属性，建议用prop方法。 如 id,class,width; 获取标签属性。 对于标签的自定义属性，建议使用attr方法。 二，获取属性值为boolean类型
JS中attr和prop区别
热门推荐
csdnluolei
01-09 1万+
一、attr和prop区别 attr 是从页面搜索获得元素值，所以页面必须明确定义元素才能获取值，相对来说较慢。  prop是从属性对象中取值，属性对象中有多少属性，就能获取多少值，不需要在页面中显示定义。  二、attr和prop怎么选择？ 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。快速，准确。 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr...
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的区别详解
10-19
在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？...下面这篇文章主要给大家介绍了Jquery中attr与prop区别的相关资料，需要的朋友可以参考借鉴，下面来一起看看吧。
jQuery的attr与prop使用介绍
10-26
jQuery1.6中新添加了一个prop方法，看起来和用起来都和attr方法一样，这两个方法有什么区别呢？这要从HTMl 的attribute与property区别说起，attr与prop正是这两个东西的缩写
jquery中attr、prop、data区别与用法分析
10-16
主要介绍了jquery中attr、prop、data区别与用法,结合实例形式分析了jQuery中attr、prop、data的区别、功能、使用方法及相关注意事项,需要的朋友可以参考下
jQuery 中 attr() 和 prop() 方法的区别
weixin_34265814的博客
01-15 202
前几天，有人给 Multiple Select 插件 提了问题： setSelects doesn't work in Firefox when using jquery 1.9.0 一直都在用 jQuery 1.8.3 的版本，没有尝试过 jQuery 1.9.0 的版本。 于是，开始调试代码，在 1.9.0 的版本中： <input type="checkbox" /> ...
jQuery中attr()与prop()的区别
monkeyfly学前端
11-29 8477
Write By Monkeyfly 以下内容均为原创，如需转载请注明出处。 前提 在 jQuery 里，我们要获取一个标签元素的属性，可以用 attr()方法或者 prop()方法 ，那么两者有什么区别呢？ jQuery attr() 方法 和 prop() 方法 attr() 方法设置或返回被选元素的属性值。 prop() 方法设置或返回被选元素的属性和值。 注：单纯从定义看的话，两个方法...
jQuery 中 attr()和 prop()的区别
m0_71231013的博客
05-25 138
在 jQuery 里，我们要获取一个标签元素的属性，可以用 attr()方法或者 prop()方法 ，那么两者有什么区别呢？ 对于 HTML 元素本身就带有的固有属性，或者说 W3C 标准里就包含有这些属性，更直观的说法就是，编辑器里面可以智能提示出来的一些属性，如：src、href、value、class、name、checked等。在处理时，使用 prop() 方法。 对于 HTML 元素我们自定义的 DOM 属性，即元素本身是没有这个属性的，如：data-*。在处理时，使用 attr() 方法。
JS中attr 和 prop 的区别
weixin_49199038的博客
11-06 4668
attr : 设置或返回被选元素的属性值. prop : 获取在匹配的元素集中的第一个元素的属性值。 attr 和 prop 的本质 attr 是 attribute 的缩写,prop 是 property 的缩写，都有属性的意思，只不过 attr 是操作 html 文档节点属性，prop 是操作 js 对象属性. attr 在 js 中使用的是 setAttribute 和 getAttribute 而 prop 直接使用原生 js 的 element[value] 和 element[value]=ke
attr()和prop()的区别(-----简单易懂-----)
请叫我大师兄
12-18 5164
精华： 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
Jq中prop()和attr()之间的区别
茅书铭的博客
07-19 1万+
     今天在写复选框的全选和不全选中发现了一个问题，prop和attr这两个方法看起来十分相似，但是实际上还是有着一定的区别的。比如在判断复选框的checked这个属性的时候，使用attr取值和prop取值是截然不同的，于是便上网查询，发现了一个比较清楚地解释。原文链接：https://blog.csdn.net/qq_28009401/article/details/60142724   ...
浅谈attr()与prop()区别
骆小胖~
09-12 317
)来状态，当时遇到的问题就是我在chrome中运行正常，但是在微信开发者工具中运行出错，无法完全得改变多选框的状态，当时一直以为是代码的问题，于是就在代码上面找问题，找了挺久，然后也修改了很多，但是最后发现还是不行。   【主体】      无奈的我去查找资料，不找不知道，一找才发现，原来问题出现在这里。      在之前的JQuery版本中，都是使用attr()来访问对象的属性，比如取一个图片的alt属性，就可以使用$(".img").attr("alt")
jq中prop和attr的区别
aliven1的博客
05-02 296
prop()函数的结果:      1.如果有相应的属性，返回指定属性值。      2.如果没有相应的属性，返回值是空字符串。attr()函数的结果:      1.如果有相应的属性，返回指定属性值。      2.如果没有相应的属性，返回值是undefined。对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值