So ersetzen Sie den Bildpfad durch jquery

WBOY
Freigeben: 2022-06-17 19:40:45
Original
3331 Leute haben es durchsucht

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“);“.

So ersetzen Sie den Bildpfad durch jquery

Die Betriebsumgebung dieses Tutorials: Windows 10-System, JQuery-Version 3.6.0, Dell G3-Computer.

jquery ersetzt den Bildpfad

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)
Nach dem Login kopieren

Attribute und Werte festlegen:

$(selector).attr(attribute,value)
Nach dem Login kopieren

Attribute und Werte mithilfe von Funktionen festlegen:

$(selector).attr(attribute,function(index,currentvalue))
Nach dem Login kopieren

Mehrere Attribute und Werte festlegen:

$(selector).attr({attribute:value, attribute:value,...})
Nach dem Login kopieren

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>
Nach dem Login kopieren

Ausgabeergebnis:

So ersetzen Sie den Bildpfad durch jquery

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage