JQuery

attr(nom)

Cette méthode permet facilement de retrouver la valeur d'une propriété du premier élement trouvé. Si l'élement ne dispose pas de l'attribut recherché, "undefined" est renvoyé.
Concernant l'accès aux propriétés de formulaire "checked","disabled" et "readonly", la méthode retourne true s'ils sont présents.

Paramètres:

• nom (String): nom de la propriété

Valeur de retour: Objet

Exemple:

retourne la valeur de l'attribut src de la première image trouvée.

$("img").attr("src");

Code de test:

<img src="test.jpg"/>

Résultat:

test.jpg

Commentaires (afficher/poster)

attr(proprietes)

Permet d'assigner un ensemble de paires clé/valeur aux élements trouvés.

Paramètres:

• proprietes (Map): ensemble de paires de la forme clé/valeur à envoyer a l'objet.

Valeur de retour: objet jQuery

Exemple:

Assigne les attributs src et alt à toutes les images.

$("img").attr({ src: "test.jpg", alt: "Test Image" });

Code de test:

<img/>

Résultat:

<img src="test.jpg" alt="Test Image"/>

Commentaires (afficher/poster)

attr(valeur,clé)

assigne une paire attribut/valeur a tous les élements concernés.

Paramètres:

• valeur (Objet): valeur de l'attribut
• clé (String): nom de l'attribut

Valeur de retour: objet jQuery

Exemple:

Assign l'attribut src à toutes les images.

$("img").attr("src","test.jpg");

Code de test:

<img/>

Résultat:

<img src="test.jpg"/>

Commentaires (afficher/poster)

attr(clé,fonction)

Assigne une valeur a un attribut donné, pour tous les élements concernés. Mais une fonction est passée en paramètre au lieu d'une chaine de caractères, et son éxécution retournera la valeur que prendra l'attribut.

Paramètres:

• clé (String): nom de l'attribut
• fonction (Function): fonction qui retournera la valeur de l'attribut. A noter que la fonction peut prendre en argument l'index de l'élément courant.

Valeur de retour: objet jQuery

Exemple:

Assigne un titre a toutes les images, prenant la valeur de l'attribut src.

$("img").attr("title", function() { return this.src });

Code de test:

<img src="test.jpg" />

Résultat:

<img src="test.jpg" title="test.jpg" />

Exemple:

Modifie le titre des images en y ajoutant leur index.

$("img").attr("title", function(index) { return this.title   (  index); });

Code de test:

<img title="pic" /><img title="pic" /><img title="pic" />

Résultat:

<img title="pic1" /><img title="pic2" /><img title="pic3" />

Commentaires (afficher/poster)