Section courante

A propos

Section administrative du site

attr

jQuery
JavaScript Version 1.0+

Syntaxe

.attr(attributeName); Version 1.0+
.attr(attributeName, value); Version 1.0+
.attr(map); Version 1.0+
.attr( attributeName, function(index, attr) ); Version 1.1+

Paramètres

Nom Description
attributeName Ce paramètre permet d'indiquer le nom de l'attribut à demander ou fixer (si le paramètre «value» existe).
value Ce paramètre permet d'indiquer la valeur à fixer dans l'attribut.
function(index, attr) Ce paramètre permet d'indiquer une fonction retournant la valeur à fixe.
map Ce paramètre permet d'indiquer un tableau à cartographier.

Description

Cette méthode permet de demander la valeur de l'attribue pour le premier élément de l'ensemble de correspondance d'éléments.

Remarques

Exemples

L'exemple suivant permet de remplacer le lien du «HREF» de «www.google.com» par «gladir.com» :

  1. <html>
  2. <head>
  3. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
  4. </head>
  5. <body>
  6. <a href="http://www.google.com" rel="external" class="mon-gladir">
  7. Ceci est un lien.
  8. </a>
  9. <script>
  10. jQuery('.mon-gladir').attr('href', "http://www.gladir.ca/");
  11. </script>
  12. </body>
  13. </html>

Prenons pour acquis le code HTML suivant :

  1. <div id="bigbox1">
  2.  <p gladir-size="300x200,300x250,300x300">1</p>
  3.  <p>2</p>
  4.  <p>3</p>
  5.  <p>4</p>
  6. </div>

L'exemple suivant permettra de changer l'attribut supplémentaire «gladir-size» de la valeur «300x200,300x250,300x300» pour «300x200» :

  1. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
  2. <script>
  3. $("#bigbox1 p").attr('gladir-size',$("#bigbox1 p").attr('gladir-size').substr(0,$("#bigbox1 p").attr('gladir-size').indexOf(',')));
  4. document.write($("#bigbox1 p").attr('gladir-size'));
  5. </script>

on obtiendra le résultat suivant :

300x200

Dernière mise à jour : Vendredi, le 30 octobre 2015