Comment changer l'attribut src dans jquery

Dans jquery, vous pouvez utiliser la méthode attr() pour modifier l'attribut src. Cette méthode est utilisée pour définir ou renvoyer la valeur d'attribut spécifiée de l'élément sélectionné lorsque le premier paramètre de la méthode est défini sur "src". il peut être modifié. attribut src, la syntaxe est "objet d'élément spécifié.attr('src', nouvelle valeur d'attribut src)".

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Comment changer l'attribut src dans jquery

Dans jquery, l'attribut src est principalement défini via la méthode attr() pour modifier l'attribut src.

L'exemple suivant explique comment jquery modifie l'attribut src de la balise img.

Créez un nouveau fichier html, nommé test.html, pour expliquer comment jquery modifie l'attribut src de la balise img. Utilisez la balise de script pour introduire le fichier jquery.min.js dans la page actuelle. Ce n'est que lorsque le fichier est chargé avec succès que vous pouvez utiliser la méthode jquery.

Utilisez la balise p, utilisez la balise img pour créer une image et définissez l'identifiant de la balise img sur myimg, qui est principalement utilisé pour obtenir l'objet img via cet identifiant ci-dessous. Utilisez la balise bouton pour créer un bouton portant le nom « Modifier l'adresse de l'image ».

Liez l'événement onclick au bouton du bouton Lorsque vous cliquez sur le bouton, la fonction editsrc() est exécutée.

Dans la balise js, créez la fonction editsrc(). Dans la fonction, utilisez le symbole $ pour obtenir l'objet img via id (myimg) et utilisez la méthode attr() pour définir l'attribut src. définissez le chemin de l'image src sur "images/3 .jpg".

Ouvrez le fichier test.html dans le navigateur, cliquez sur le bouton pour voir l'effet.

Résumé :

1. Créez un fichier test.html.

2. Dans le fichier, utilisez la balise p, utilisez la balise img pour créer une image et utilisez la balise bouton pour créer un bouton pour déclencher l'exécution de la fonction js.

3. Dans la balise js, créez une fonction dans la fonction, utilisez le symbole $ pour obtenir l'objet img et utilisez la méthode attr() pour définir l'attribut src.

Notes

attr() peut non seulement définir la balise html, mais également obtenir la valeur d'attribut de la balise html.

Tutoriels vidéo associés recommandés : 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!