jquery legt den src-Attributwert für img fest

Auf Webseiten ist es oft notwendig, Bilder auf der Seite anzuzeigen. In diesem Fall müssen Sie das -Tag verwenden. Unter anderem wird das src-Attribut des -Tags verwendet, um den Ressourcenpfad des Bildes anzugeben. Bei der Entwicklung mit jQuery können wir den src-Attributwert des -Tags auf folgende Weise dynamisch festlegen.

1. Verwenden Sie die attr-Methode

Mit der attr-Methode von jQuery können Sie den Attributwert eines HTML-Elements einfach abrufen und festlegen. Beim Festlegen des src-Attributs des -Tags können wir die attr-Methode auf folgende Weise verwenden:

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

Im obigen Code erhalten wir alle -Tags auf der aktuellen Seite und Dann verwenden Sie die attr-Methode, um ihr src-Attribut auf „image.jpg“ zu setzen.

Natürlich können Sie auch bestimmte -Tags über andere Attribute auswählen, wie zum Beispiel:

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

Im obigen Code wählen wir alle -Tags mit dem Klassennamen „thumbnail“ aus und fügen ihre Quelle hinzu Das Attribut ist auf „image.jpg“ gesetzt.

2. Verwenden Sie die Prop-Methode

Die Prop-Methode wird hauptsächlich zum Abrufen und Festlegen der Attributwerte von HTML-Elementen verwendet. Der Unterschied besteht jedoch darin, dass sie zum Festlegen boolescher Attribute verwendet wird. Für das src-Attribut des -Tags kann auch die prop-Methode verwendet werden. Zum Beispiel:

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

Ähnlich wie bei der attr-Methode können wir auch bestimmte -Tags über andere Attribute auswählen, zum Beispiel:

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

3 Zusätzlich zur Verwendung der attr-Methode und der prop-Methode, Wir können das src-Attribut des -Tags auch direkt über JavaScript festlegen. Beispiel:

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

Im obigen Code erhalten wir das erste -Tag über den jQuery-Selektor und setzen sein src-Attribut direkt über JavaScript auf „image.jpg“.

Zusammenfassung

Mit den oben genannten Methoden können wir das src-Attribut des -Tags einfach dynamisch festlegen. Unter diesen sind die attr-Methode und die prop-Methode einfacher und leichter zu verstehen und entsprechen eher den Programmierideen von jQuery. Obwohl die direkte Zuweisungsmethode den gleichen Effekt erzielen kann, stimmt sie geringfügig mit den Programmierideen von jQuery überein. Daher wird bei der Entwicklung mit jQuery empfohlen, die attr-Methode oder prop-Methode zu verwenden, um den Attributwert von HTML-Elementen festzulegen.

Das obige ist der detaillierte Inhalt vonjquery legt den src-Attributwert für img fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!