Maison >interface Web >Questions et réponses frontales >Comment remplacer le chemin de l'image par jquery
Comment remplacer le chemin de l'image par jquery
- WBOYoriginal
- 2022-06-13 16:21:403338parcourir
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");".
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)
Définir les attributs et les valeurs :
$(selector).attr(attribute,value)
Définir les attributs et les valeurs à l'aide de fonctions :
$(selector).attr(attribute,function(index,currentvalue))
Définir plusieurs attributs et valeurs :
$(selector).attr({attribute:value, attribute:value,...})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>Résultat de sortie :
Recommandation de didacticiel vidéo : Tutoriel vidéo jQuery
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!