详解jQuery中attr()和prop()的区别是什么?

如题所述

第1个回答  2024-09-18
jQuery中attr()和prop()的区别

1、对于HTML元素本身就带有的固有属性,或者说W3C标准里就包含有这些属性,更直观的说法就是,编辑器里面可以智能提示出来的一些属性,如:src、href、value、class、name、id等,在处理时,使用prop()方法。

2、对于HTML元素我们自定义的DOM属性,即元素本身是没有这个属性的,如:data-*。在处理时,使用attr()方法。

<ahref="#"id="link1"class="btn"action="delete">删除</a>

这个例子里的<a>元素的dom属性值有"id、href、class和action",很明显,前三个是固有属性,而后面一个action属性是我们自己定义上去的<a>元素本身是没有属性的。

这种就是自定义的dom属性。

处理这些属性时,建议使用attr方法,使用prop方法对自定义属性取值和设置属性值时,都会返回undefined值。

像checkbox,radio和select这样的元素,选中属性对应“checked”和"selected",这些也属于固有属性,因此需要使用prop方法去操作才能获取正确答案。

logo设计

创造品牌价值

¥500元起

APP开发

量身定制,源码交付

¥2000元起

商标注册

一个好品牌从商标开始

¥1480元起

公司注册

注册公司全程代办

¥0元起

    官方电话官方服务
      官方网站八戒财税知识产权八戒服务商企业需求数字市场

详解jQuery中attr()和prop()的区别是什么?
jQuery中attr()和prop()的区别1、对于HTML元素本身就带有的固有属性,或者说W3C标准里就包含有这些属性,更直观的说法就是,编辑器里面可以智能提示出来的一些属性,如:src、href、value、class、name、id等,在处理时,使用prop()方法。2、对于HTML元素我们自定义的DOM属性,即元素本身是没有这个属性的...

jQuery函数attr和prop的区别
在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法也几乎完全相同。但不得不说的是,这两个函数的用处却并大不相同。1、操作对象不同 很明显,attr和prop分别是单词attribute和property的缩写,并且它们均表示"属性"的意思。不过,在jQuery中,attribute和property却是两个...

jquery中attr和prop的区别
相比attr,prop是1.6.1才新出来的,两者从中文意思理解,都是获取\/设置属性的方法(attributes和properties)。只是,window或document中使用.attr()方法在jQuery1.6之前不能正常运行,因为window和document中不能有attributes。prop应运而生了。attr:描述: 获取匹配的元素集合中的第一个元素的属性的值。a...

jquery中attr和prop的区别
attr 和 prop 的本质attr 是 attribute 的缩写,prop 是 property 的缩写,都有属性的意思,只不过 attr 是操作 html 文档节点属性,prop 是操作 js 对象属性. attr 在 js 中使用的是 setAttribute 和 getAttribute 而 prop 直接使用原生 js 的 element[value] 和 element[value]=key。区别attr 设...

jQuery学习之prop和attr的区别
prop和attr的根本区别在于:1、对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。百度 这个例子里元素的DOM属性有“href、target和class",这些属性就是元素本身就带有的属性,也是W3C标准里就包含有这几个属性,或者说在IDE里能够智能提示出的属性,这些就叫做固有属性。处理这些属性时,建议使用...

jQuery 中 attr 和 prop 方法的区别
attr着重强调特性,而prop强调属性。attr和prop对应着不同的作用域,除了元素本身(浏览器内置)的属性外,prop和attr操作的属性在各自的域内独立存在。需要注意的是,prop在读取元素的内置属性值时,只会读取内置的值类型,不会读取用户自定义的值类型,同样,用户自定义的类型也不能使用prop写。

jQuery 中 attr 和 prop 方法的区别
两个功能一样,都是赋予\/修改\/获取属性,区别的话 1.添加属性名称该属性就会生效应该使用prop();2.是有true,false两个属性使用prop();3.其他则使用attr();

jQuery中attr和prop方法的区别
prop()获取匹配的元素的属性值。这个方法是jquery1.6以后出来的,用来区别之前的.attr()方法.区别最大的一点就是:布尔型的属性,1.6以后都是用.prop()方法就好了。这个布尔型的属性,再解释一下,是属性值只有true|false的属性。还有种情况就是只添加属性名,不需要写属性值的就可以生效的也同样...

jquery中attr和prop的区别分析
attr传入的是attributeName,而prop传入的是propertyName,现在我们的问题转移了,我们需要研究的是attributeName和propertyName之间的区别了。Attributes vs. Properties 在这里,可以将attribute理解为“特性”,property理解为为“属性”从而来区分俩者的差异。 如果把DOM元素看成是一个普通的Object对象,这个...

jQuery中attr与prop之间有什么的区别
本篇文章将要分享有关jQuery中的attr()与prop()设置属性以及获取属性的区别,有一定的参考价值,希望对大家有所帮助经常我们会习惯的用attr()方法来获取属性值,比如想要获取一个图片的alt属性我们可以用attr直接获得,但在某些元素中,不能直接获取标准属性(true\/false),所以后来有了prop属性,它的返回...

相似回答
大家正在搜