jQuery prop() 方法

实例

添加和删除名为 "color" 的属性:

<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    var $x = $("div");
    $x.prop("color", "FF0000");
    $x.append("color 属性具有的值为: " + $x.prop("color"));
    $x.removeProp("color");
    $x.append("<br>现在 color 属性的值为: " + $x.prop("color"));
  });
});
</script>
</head>
<body>
<button>添加和删除一个属性</button><br><br>
<div></div>
</body>
</html>

运行一下

定义与用法

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 - 接收选定元素的当前属性值

jQuery prop() 方法

实例

定义与用法

语法

更多实例

分类导航