jqueryはimg​​のsrc属性値を設定します

Web ページではページ上に画像を表示する必要があることがよくありますが、この場合は タグを使用する必要があります。このうち、タグのsrc属性は画像のリソースパスを指定するために使用されます。 jQueryで開発する場合、以下の方法でタグのsrc属性値を動的に設定できます。

1. attr メソッドを使用する

jQuery の attr メソッドを使用すると、HTML 要素の属性値を簡単に取得および設定できます。 タグの src 属性を設定する場合、次の方法で attr メソッドを使用できます:

$("img").attr("src", "image.jpg")

上記のコードでは、現在のページ内のすべての タグを取得します。 jQuery selector を使用し、attr メソッドを使用して src 属性を「image.jpg」に設定します。

もちろん、他の属性を使用して特定の タグを選択することもできます。例:

$("img.thumbnail").attr("src", "image.jpg")

上記のコードでは、クラス名が「thumbnail」img> であるすべての < を選択します。 ; タグを付け、その src 属性を「image.jpg」に設定します。

2. prop メソッドを使用する

prop メソッドは主に HTML 要素の属性値の取得と設定に使用されますが、違いはブール値の設定に使用されることです。属性。 タグのsrc属性にはpropメソッドも利用できます。例:

$("img").prop("src", "image.jpg")

attr メソッドと同様に、他の属性を通じて特定の タグを選択することもできます (例:

$("img.thumbnail").prop("src", "image.jpg")

3。直接割り当てを使用します

##) # attr メソッドと prop メソッドを使用する以外に、JavaScript を使用して タグの src 属性を直接設定することもできます。例:

$("img")[0].src = "image.jpg"

上記のコードでは、jQuery セレクターを通じて最初の タグを取得し、JavaScript を通じて直接その src 属性を「image.jpg」に設定します。

概要

上記の方法により、 タグの src 属性を動的に簡単に設定できます。このうち、attr メソッドと prop メソッドは、よりシンプルで理解しやすく、jQuery のプログラミングの考え方に沿っています。直接代入方法でも同じ効果を得ることができますが、jQuery のプログラミングの考え方とは若干矛盾します。そのため、jQueryで開発する場合は、attrメソッドまたはpropメソッドを使用してHTML要素の属性値を設定することを推奨します。

以上がjqueryはimg​​のsrc属性値を設定しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。