最新のWeb開発のチュートリアル
 

jQuery prop() Method

<jQueryのHTML / CSSのメソッド

"色"という名前のプロパティを追加し、削除します。

$("button").click(function(){
    var $x = $("div");
    $x.prop("color", "FF0000");
    $x.append("The color property: " + $x.prop("color"));
    $x.removeProp("color");
});
»それを自分で試してみてください

定義と使用法

prop()メソッドは、設定または選択した要素のプロパティと値を返します。

この方法は、プロパティ値を返すために使用されるとき、それは最初に一致した要素の値を返します。

この方法は、プロパティ値を設定するために使用される場合には、マッチした要素のセットのための1つまたは複数のプロパティ/値のペアを設定します。

注: 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 -選択した要素の現在のプロパティ値を受け取ります

それを自分で試してみてください - 例

間の差prop()およびattr()
prop()attr()異なる値を返す可能性があります。 返すために使用すると、この例では、相違点を示している"checked"チェックボックスの状態を。


<jQueryのHTML / CSSのメソッド