分享

jquery prop 方法

 johnny_net 2019-05-05

定义和用法

prop() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值时,则返回第一个匹配元素的值。

当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。

语法

返回属性的值:

$(selector).prop(property)

设置属性和值:

$(selector).prop(property,value)

使用函数设置属性和值:

$(selector).prop(property,function(index,currentvalue))

设置多个属性和值:

$(selector).prop({property:valueproperty:value,...})

参数描述
property规定属性的名称。
value规定属性的值。
function(index,currentvalue)规定返回要设置的属性值的函数。
  • index - 检索集合中元素的 index 位置。

  • currentvalue - 检索被选元素的当前属性值。

注意:

由于attr()函数操作的是文档节点的属性,因此设置的属性值只能是字符串类型,如果不是字符串类型,也会调用其toString()方法,将其转为字符串类型。

prop()函数操作的是JS对象的属性,因此设置的属性值可以为包括数组和对象在内的任意类型。

对于selected/checked/diabled这些属性,使用prop() 取到的是true或false,其他时候用法和attr相同。

例子:

当存在checked属性时:

<input id="check1" type="checkbox" checked="">

$("input").attr('checked')  //checked

$("input").prop('checked') //true

当不存在checked属性时:

<input id="check1" type="checkbox"  >

$("input").attr('checked')  //undefined

$("input").prop('checked') //false

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多