Comment remplacer le chemin de l'image par jquery-Questions et réponses frontales-php.cn

Comment remplacer le chemin de l'image par jquery

WBOY

Libérer： 2022-06-17 19:40:45

original

3365 Les gens l'ont consulté

Dans jquery, vous pouvez utiliser la méthode attr() pour remplacer le chemin de l'image. Cette méthode peut définir ou renvoyer les attributs et les valeurs de l'élément sélectionné. Définissez simplement le premier paramètre entre parenthèses sur l'attribut "src". , et le second Définissez simplement le paramètre sur le nouveau chemin de l'image, et la syntaxe est "image element object.attr("src", "replaced image path");".

Comment remplacer le chemin de l'image par jquery

L'environnement d'exploitation de ce tutoriel : système Windows 10, jquery version 3.6.0, ordinateur Dell G3.

jquery remplace le chemin de l'image

La méthode attr() définit ou renvoie les attributs et les valeurs de l'élément sélectionné.

Lorsque cette méthode est utilisée pour renvoyer une valeur d'attribut, la valeur du premier élément correspondant est renvoyée.

Lorsque cette méthode est utilisée pour définir les valeurs d'attribut, une ou plusieurs paires attribut/valeur sont définies pour l'élément correspondant.

Syntaxe

Renvoyer la valeur d'un attribut :

$(selector).attr(attribute)

Copier après la connexion

Définir les attributs et les valeurs :

$(selector).attr(attribute,value)

Copier après la connexion

Définir les attributs et les valeurs à l'aide de fonctions :

$(selector).attr(attribute,function(index,currentvalue))

Copier après la connexion

Définir plusieurs attributs et valeurs :

$(selector).attr({attribute:value, attribute:value,...})

Copier après la connexion

attribut spécifie le nom de l'attribut attribut.

value spécifie la valeur de l'attribut.

function(index,currentvalue) spécifie la fonction pour renvoyer la valeur de l'attribut à la collection
index - accepte la position d'index de l'élément dans la collection.
currentvalue - Accepte la valeur d'attribut actuelle de l'élément sélectionné.

L'exemple est le suivant :

<!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>

Copier après la connexion

Résultat de sortie :

Comment remplacer le chemin de limage par jquery