Maison  >  Article  >  interface Web  >  jquery définit la valeur de l'attribut src pour img

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

王林
王林original
2023-05-23 10:49:066500parcourir

Dans les pages Web, les images doivent souvent être affichées sur la page. Dans ce cas, vous devez utiliser la balise a1f02c36ba31691bcfe87b2722de723b Parmi eux, l'attribut src de la balise a1f02c36ba31691bcfe87b2722de723b 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 a1f02c36ba31691bcfe87b2722de723b

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 a1f02c36ba31691bcfe87b2722de723b, 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 a1f02c36ba31691bcfe87b2722de723b 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" a1f02c36ba31691bcfe87b2722de723b 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 a1f02c36ba31691bcfe87b2722de723b, 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 a1f02c36ba31691bcfe87b2722de723b 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 a1f02c36ba31691bcfe87b2722de723b Par exemple :

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

Dans le code ci-dessus, nous obtenons la première balise a1f02c36ba31691bcfe87b2722de723b 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 a1f02c36ba31691bcfe87b2722de723b 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn