jqueryでprop()メソッドを使用する方法

jquery での prop() メソッドの使用法: プロパティの値を返したい場合は、メソッド [$(selector).prop(property)] を使用します。値を指定するには、メソッド [$(selector) ).prop(property,value)] を使用します。

このチュートリアルの動作環境: Windows10 システム、jquery2.2.4 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

jquery での prop() メソッドの使用法:

prop()このメソッドは、属性と値を設定または返します。選択された要素。

(学習ビデオ共有: javascript ビデオ チュートリアル)

このメソッドを使用して属性値を返すと、最初に一致した要素の値が返されます。

このメソッドを使用して属性値を設定すると、一致する要素のセットに対して 1 つ以上の属性/値のペアが設定されます。

構文:

属性の値を返す:

$(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 - 選択した要素の現在の属性値を検索します。

例:

「color」という名前の属性の追加と削除:

$("button").click(function(){
    var $x = $("div");
    $x.prop("color","FF0000");
    $x.append("The color 属性： " + $x.prop("color"));
    $x.removeProp("color");});

関連する推奨事項:js チュートリアル

以上がjqueryでprop()メソッドを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。