本文實例講述了jQuery中prop()方法用法。分享給大家供大家參考。具體分析如下：
此方法可以取得或設定匹配元素的屬性值。
根據方法參數的不同，作用也有所不同。
語法結構一:
當參數為屬性名稱時，此方法能夠符合元素集合中，第一個符合元素指定屬性名稱的屬性值。
$("selector").prop(name)
參數列表:
實例碼:
實例一：
prop()函數-腳本之家
以上程式碼可以傳回被選取的複選框的屬性值。
實例碼二：
prop()函數-腳本之家
以上程式碼中，由於li元素集合中第一個li元素並沒有id屬性，所以回傳值為空。
語法結構二:
以屬性的「名/值對」物件的方式設定所有符合元素的屬性值。
$(selector).prop(properties)
參數列表:
| 参数 |
描述 |
| attribute:value |
定义属性名/值对 |
實例碼:
實例一：
prop()函數-腳本之家
以上程式碼能夠將選取所有元件。
實例二：
prop()函數-腳本之家
$(文檔).ready(function(){
$("td").prop({寬度:"200",高度:"300"});
})
腳本>
頭>
歡迎來到腳本之家 |
表>
身體>
以上程式碼可以設定td的寬度和高度。
語法三:
以屬性名稱/值對方式設定所有符合元素的屬性值。
$(selector).prop(key,value)
參數列表:
| 参数 |
描述 |
| key |
定义要设置值的属性名称。 |
| value |
定义要设置的属性值。 |
實例碼:
prop()函數-腳本之家
身體>
以上程式碼可以為div設定指定的樣式。
語法結構四:
透過函數傳回值設定屬性值。
$(selector).prop(name,function(index,oldvalue))
$(selector).prop(name,function(index,oldvalue))
參數列表:
| 参数 |
描述 |
| name |
定义要设置值的属性的名称。 |
| function(index,oldvalue) |
定义返回属性值的函数
index - 可选，接受选择器的索引位置。
class - 可选，接受选择器的当前的属性值。 |
实例代码:
<頭>
prop()関数数- 脚本之家
<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("#btn").click(function(){
$("div").prop("クラス" ,function(){
「リセット」を返します
})
})
})
脚本之家欢迎您
