jQuery prop() 方法

jQuery HTML/CSS 方法

prop()方法獲取或設(shè)置所選元素的屬性和值。

當(dāng)使用prop()方法獲取屬性值時(shí)，它將返回第一個(gè)選定元素的值。

使用prop()方法設(shè)置屬性值時(shí)，它將為所有選定元素設(shè)置一個(gè)或多個(gè)屬性/值對(duì)。

要獲取或設(shè)置HTML屬性，請(qǐng)改用attr()方法。

若要?jiǎng)h除屬性，請(qǐng)使用removeProp()方法。

語(yǔ)法：

獲取屬性的值：

$(selector).prop(property)

設(shè)置屬性和值：

$(selector).prop(property, value)

設(shè)置多個(gè)屬性和值：

$(selector).prop({property:value, property:value, ...})

使用函數(shù)設(shè)置屬性和值

$(selector).prop(property, function(index, currentValue))

實(shí)例

獲取復(fù)選框的checked屬性的值：

$("input:checkbox").change(function(){
  $("strong").text($(this).prop("checked"));
});

設(shè)置復(fù)選框的選中屬性的值：

$("button").click(function(){
  $("input:checkbox").prop("checked", true);
});

禁用頁(yè)面上的所有復(fù)選框：

$(document).ready(function(){
  $("input:checkbox").prop("disabled", true);
});

prop()和attr()

prop()和attr()之間的差異在特定情況下可能很重要。

prop()方法提供一種顯式檢索屬性值的方法，而attr()則檢索屬性。

以下示例顯示prop()和attr()之間的區(qū)別：

$("input:checkbox").change(function(){
  $(this).prop("checked");
  $(this).attr("checked");
});

參數(shù)值

jQuery HTML/CSS 方法