jQuery prop() 方法
示例
添加和移除名为“color”的属性
$("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() 方法。
语法
返回属性的值
$(选择器).prop(属性)
设置属性和值
$(选择器).prop(属性,值)
使用函数设置属性和值
$(选择器).prop(属性,function(索引,当前值))
设置多个属性和值
$(选择器).prop({属性:值, 属性:值,...})
参数 | 描述 |
---|---|
property | 指定属性的名称 |
value | 指定属性的值 |
function(index,currentvalue) | 指定一个返回要设置的属性值的函数
|
亲自尝试 - 示例
prop() 和 attr() 之间的区别
prop() 和 attr() 可能返回不同的值。此示例显示了用于返回复选框的“checked”状态时的差异。