jQuery - 获取内容和属性2

简介: jQuery - 获取内容和属性2

attr 和 prop 的区别介绍:

对于 HTML 元素本身就带有的固有属性,在处理时,使用 prop 方法。

对于 HTML 元素我们自己自定义的 DOM 属性,在处理时,使用 attr 方法。

实例 1:

菜鸟教程
这个例子里 元素的 DOM 属性有: href、target 和 class,这些属性就是 元素本身就带有的属性,也是 W3C 标准里就包含有这几个属性,或者说在 IDE 里能够智能提示出的属性,这些就叫做固有属性。处理这些属性时,建议使用 prop 方法。

删除
这个例子里 元素的 DOM 属性有: href、id 和 action,很明显,前两个是固有属性,而后面一个 action 属性是我们自己自定义上去的, 元素本身是没有这个属性的。这种就是自定义的 DOM 属性。处理这些属性时,建议使用 attr 方法。

rayue
rayue

991*703@qq.com

参考地址

6年前 (2018-05-30)
如果有相应的属性,返回指定属性值。

286*8748@qq.com

304
prop()函数的结果:

  1.如果有相应的属性,返回指定属性值。

  2.如果没有相应的属性,返回值是空字符串。

attr()函数的结果:

  1.如果有相应的属性,返回指定属性值。

  2.如果没有相应的属性,返回值是 undefined。

对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。

对于HTML元素我们自己自定义的DOM属性,在处理时,使用 attr 方法。

具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop()

目录
相关文章
|
2月前
|
XML JavaScript 数据格式
jQuery - 获取内容和属性
jQuery 拥有可操作 HTML 元素和属性的强大方法。
42 6
|
2月前
|
存储 JavaScript 前端开发
jQuery 对属性的操作
【10月更文挑战第8天】
|
7月前
|
缓存 JavaScript
|
3月前
|
XML JavaScript 数据格式
jQuery - 获取内容和属性
jQuery - 获取内容和属性
28 5
|
3月前
|
JavaScript
jQuery - 设置内容和属性
jQuery - 设置内容和属性
62 2
|
3月前
|
JavaScript
jQuery - 设置内容和属性
jQuery - 设置内容和属性
59 14
|
3月前
|
XML JavaScript 数据格式
jQuery - 获取内容和属性
jQuery - 获取内容和属性
62 12
|
6月前
|
JavaScript 前端开发 安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
|
6月前
|
JavaScript 前端开发
js,jq,jquery删除css属性
js,jq,jquery删除css属性
42 0
|
7月前
|
JavaScript 前端开发
jquery的属性样式
jquery的属性样式
31 1