Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

jQuery prop() 方法

❮ jQuery HTML/CSS 方法

示例

添加和移除名为“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) 指定一个返回要设置的属性值的函数
  • index - 接收集合中元素的索引位置
  • currentvalue - 接收所选元素的当前属性值

亲自尝试 - 示例

prop() 和 attr() 之间的区别
prop() 和 attr() 可能返回不同的值。此示例显示了用于返回复选框的“checked”状态时的差异。


❮ jQuery HTML/CSS 方法

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.