10 09/2014

jquery prop

最后更新: Wed Sep 10 2014 12:37:50 GMT+0800

jquery prop() (property) 获得属性。和 attr() 很类似,但区别也不少。推荐优先使用 prop(),有些 非显式声明 的属性只能用 prop。(jquery 1.6 以前的 attr 不能获得 实时 的属性)

prop 不能获得自定义属性值(jquery 1.9.1) attr(‘data-url’) 可以

这是控制台执行结果 (jquery 1.8)

$(test)
[<input id=​"test" type=​"checkbox">​]

$(test).checked
undefined

$(test)[0].checked
false

$(test).prop('checked')
true

$(test).prop('checked',false)
[<input id=​"test" type=​"checkbox">​]

$(test).prop('tagName')
"INPUT"

$(test).attr('tagName')
undefined

$(test).tagName
undefined

$(test)[0].tagName
"INPUT"

$(test)[0].defaultChecked
false

$(test).attr('defaultChecked')
undefined

$(test).prop('defaultChecked')
false

$(test).css('background-color','red')
[<input id=​"test" type=​"checkbox" style=​"background-color:​ red;​">​]

$(test).prop('style')
CSSStyleDeclaration {0: "background-color", parentRule: null, length: 1, cssText: "background-color: red;", alignmentBaseline: "", background: "red"…}

$(test).attr('style')
"background-color: red;"