小白教程
所有教程
关于
Search
172.70.178.21
172.70.178.21
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“Html prop”的源代码
本页内容
上一节:
Html_prependto
下一节:
Html_remove
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:prop()}}[[Category:jquery ref html|25]] = jQuery prop() 方法 = [[jquery ref html|jQuery HTML/CSS 方法]] 添加并移除名为 "color" 的属性: <sample title="" desc="" lang="html" hererun="1"> $("button").click(function(){ var $x = $("div"); $x.prop("color","FF0000"); $x.append("The color 属性: " + $x.prop("color")); $x.removeProp("color"); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/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> </run> == 定义和用法 == prop() 方法设置或返回被选元素的属性和值。 当该方法用于'''返回'''属性值时,则返回第一个匹配元素的值。 当该方法用于'''设置'''属性值时,则为匹配元素集合设置一个或多个属性/值对。 '''注意:'''prop() 方法应该用于检索属性值,例如 DOM 属性(如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected)。 '''提示:'''如需检索 HTML 属性,请使用 [[html attr|attr()]] 方法代替。 '''提示:'''如需移除属性,请使用 [[html removeprop|removeProp()]] 方法。 == 语法 == 返回属性的值: $(selector).prop(property) 设置属性和值: $(selector).prop(property,value) 使用函数设置属性和值: $(selector).prop(property,function(index,currentvalue)) 设置多个属性和值: $(selector).prop({property:value, property:value,...}) {| class="table table-striped table-hover" !width="50%"| 参数 !width="50%"| 描述 |- | property | 规定属性的名称。 |- | value | 规定属性的值。 |- | function(index,currentvalue) | 规定返回要设置的属性值的函数。 * index - 检索集合中元素的 index 位置。 * currentvalue - 检索被选元素的当前属性值。 |} == 更多实例 == [[try.php?filename=tryjquery_html_prop_attr|prop() 和 attr() 之间的不同]] prop() 和 attr() 可能返回不同的值。本实例演示了当用于返回复选框的 "checked" 状态时的不同。 [[jquery ref html|jQuery HTML/CSS 方法]]
返回至“
Html prop
”。
上一节:
Html_prependto
下一节:
Html_remove