jQuery中prop 和 attr 区别

- 日理万妓 2022-06-11 01:53 339阅读 0赞

prop() 方法是在jquery1.6中新添加的。我们知道 attr(“checked”)获取checkbox的checked属性时选中的时候可以取到值,值为”checked”但没选中获取值就是undefined。而现在使用prop方法获取属性则统一返回true和false。

那么具体的用法是什么，以下是个人理解

  • 对于HTML元素本身就带有的固有属性，使用prop方法。
  • 对于HTML元素我们自定义的DOM属性，使用attr方法。

  • 注意：prop() 方法用于检索属性值，例如 DOM 属性（如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected）。
    attr() 用于方法检索 HTML 属性

    $(“#chk1”).prop(“checked”) == false
    $(“#chk2”).prop(“checked”) == true

如果上面使用attr方法，则会出现：
  1. $("#chk1").attr("checked") == undefined
  2. $("#chk2").attr("checked") == "checked"

以下是官方建议attr(),prop()的使用：

Attribute/Property .attr() .prop()
accesskey √
align √
async √ √
autofocus √ √
checked √ √
class √
contenteditable √
draggable √
href √
id √
label √
location ( i.e. window.location ) √ √
multiple √ √
readOnly √ √
rel √
selected √ √
src √
tabindex √
title √
type √
width ( if needed over .width() ) √

发表评论

表情：
评论列表 （有 0 条评论，339人围观）

还没有评论，来说两句吧...

相关阅读

    相关 jquery中attr和prop的区别

    在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。 关于它们两个的区别，网上的答案很多。这里谈谈我

    墨蓝墨蓝/ 0 赞/ 133 阅读

    相关 jquery中attr和prop的区别

    在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。 关于它们两个的区别，网上的答案很多。这里谈谈我

    Dear 丶Dear 丶/ 0 赞/ 256 阅读