Ajouter plusieurs attributs HTML et leurs valeurs
attr({propriétés})
Permet d’assigner un ensemble de paires attribut/valeur aux éléments HTML sélectionnés.
Les différentes propriétés sont séparées par une virgule.
$("img").attr({ src: "hat.gif", alt: "Logo jQuery!" }) : assigne les attributs src et alt aux images.
Cette méthode retourne un objet jQuery.
Exemple
Passons d’une image à une autre par un simple clic sur un lien.
Fenêtre au chargement :
Affichage obtenu après le clic sur le lien :
Les images de l’exemple sont disponibles dans l’espace de téléchargement réservé à cet ouvrage.
Le document HTML :
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>jQuery</title>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("a").click(function(){
$("img").attr({ src: "pansolaire2.png", alt:
"Panneau solaire 2", title: "Ecologie"});
});
});
</script>
<style>
a {color: black;}
</style>
</head> ...
Conditions générales d'utilisationCopyright - © Editions ENI ||Politique de protection des données du groupe ENI