Heim > Artikel > Web-Frontend > So ersetzen Sie den Bildpfad durch jquery
In jquery können Sie die Methode attr() verwenden, um den Bildpfad zu ersetzen. Diese Methode kann die Attribute und Werte des ausgewählten Elements festlegen. Setzen Sie einfach den ersten Parameter in den Klammern auf das Attribut „src“. und der zweite. Setzen Sie einfach den Parameter auf den neuen Bildpfad und die Syntax lautet „image element object.attr(“src“, „replaced image path“);“.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, JQuery-Version 3.6.0, Dell G3-Computer.
attr()-Methode legt die Attribute und Werte des ausgewählten Elements fest oder gibt sie zurück.
Wenn diese Methode zur Rückgabe eines Attributwerts verwendet wird, wird der Wert des ersten übereinstimmenden Elements zurückgegeben.
Wenn diese Methode zum Festlegen von Attributwerten verwendet wird, werden ein oder mehrere Attribut/Wert-Paare für das passende Element festgelegt.
Syntax
Den Wert eines Attributs zurückgeben:
$(selector).attr(attribute)
Attribute und Werte festlegen:
$(selector).attr(attribute,value)
Attribute und Werte mithilfe von Funktionen festlegen:
$(selector).attr(attribute,function(index,currentvalue))
Mehrere Attribute und Werte festlegen:
$(selector).attr({attribute:value, attribute:value,...})
Attribut gibt den Namen des an Attribut.
value gibt den Wert des Attributs an.
function(index,currentvalue) gibt die Funktion an, um den Attributwert an die Sammlung zurückzugeben.
index – akzeptiert die Indexposition des Elements in der Sammlung.
aktueller Wert – Akzeptiert den aktuellen Attributwert des ausgewählten Elements.
Das Beispiel lautet wie folgt:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ $("img").attr("src","1118.02.png"); }); }); </script> </head> <body> <img src="1118.01.png" alt="Pulpit Rock"> <br> <button>为图片替换路径</button> </body> </html>
Ausgabeergebnis:
Video-Tutorial-Empfehlung: jQuery-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo ersetzen Sie den Bildpfad durch jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!