最新的Web开发教程
 

jQuery prop() Method

<jQuery的HTML / CSS方法

添加和删​​除一个名为“颜色”的属性:

$("button").click(function(){
    var $x = $("div");
    $x.prop("color", "FF0000");
    $x.append("The color property: " + $x.prop("color"));
    $x.removeProp("color");
});
试一试»

定义和用法

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

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

当使用这个方法来设置属性值,它为匹配的元素集合中的一个或多个属性/值对。

注: prop()方法应该用于检索属性值,例如DOM属性(如tagName, nodeName, defaultChecked )或您自己定制的属性。

提示:要检索HTML属性,可以使用attr()方法来代替。

提示:要删除某个属性使用removeProp()方法。


句法

返回一个属性的值:

$(selector).prop(property)

设置该属性和值:

$(selector).prop(property,value)

设置属性和值使用的函数:

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

设置多个属性和值:

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

参数 描述
property 指定属性的名称
value 指定属性的值
function(index,currentvalue) 指定返回属性值设置功能
  • index -接收所述组中的元素的索引位置
  • currentvalue -接收所选元素的当前属性值

试一试 - 示例

之间差prop()attr()
prop()attr()可能会返回不同的值。 这个例子显示了用于返回时的差异"checked"复选框的状态。


<jQuery的HTML / CSS方法