jquery définit la valeur de l'attribut src pour img

Dans les pages Web, les images doivent souvent être affichées sur la page. Dans ce cas, vous devez utiliser la balise Parmi eux, l'attribut src de la balise est utilisé pour spécifier le chemin de ressource de l'image. Lors du développement avec jQuery, nous pouvons définir dynamiquement la valeur de l'attribut src de la balise

1. Utilisez la méthode attr

En utilisant la méthode attr de jQuery, vous pouvez facilement obtenir et définir la valeur d'attribut d'un élément HTML. Lors de la définition de l'attribut src de la balise , nous pouvons utiliser la méthode attr de la manière suivante :

$("img").attr("src", "image.jpg")

Dans le code ci-dessus, nous obtenons tous les

Bien sûr, vous pouvez également sélectionner des balises spécifiques via d'autres attributs, par exemple :

$("img.thumbnail").attr("src", "image.jpg")

Dans le code ci-dessus, nous sélectionnons toutes les classes nommées "vignette" et définissez son attribut src sur "image.jpg".

2. Utilisez la méthode prop

La méthode prop est principalement utilisée pour obtenir et définir les valeurs d'attribut des éléments HTML, mais la différence est qu'elle est utilisé pour définir les attributs booléens. Pour l'attribut src de la balise , la méthode prop peut également être utilisée. Par exemple :

$("img").prop("src", "image.jpg")

Similaire à la méthode attr, nous pouvons également sélectionner des balises spécifiques via d'autres attributs, par exemple :

$("img.thumbnail").prop("src", "image.jpg")

3. 🎜 🎜#

En plus d'utiliser la méthode attr et la méthode prop, nous pouvons également définir l'attribut src de la balise Par exemple :

$("img")[0].src = "image.jpg"

Dans le code ci-dessus, nous obtenons la première balise via le sélecteur jQuery et définissons son attribut src sur "image.jpg" directement via JavaScript.

Summary

Grâce aux méthodes ci-dessus, nous pouvons facilement définir l'attribut src de la balise Parmi elles, la méthode attr et la méthode prop sont plus simples et plus faciles à comprendre, et sont plus conformes aux idées de programmation de jQuery. Bien que la méthode d'affectation directe puisse produire le même effet, elle est légèrement incompatible avec les idées de programmation de jQuery. Par conséquent, lors du développement avec jQuery, il est recommandé d'utiliser la méthode attr ou la méthode prop pour définir la valeur d'attribut des éléments HTML.

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!