Heim  >  Artikel  >  Web-Frontend  >  So ersetzen Sie den Bildpfad durch jquery

So ersetzen Sie den Bildpfad durch jquery

WBOY
WBOYOriginal
2022-06-13 16:21:403305Durchsuche

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)

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:

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!

Stellungnahme:
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