Section courante

A propos

Section administrative du site

addClass

jQuery
JavaScript Version 1.0+

Syntaxe

.addClass( className ); Version 1.0+
.addClass( function(index, currentClass) ); Version 1.4+

Paramètres

Nom Description
className Ce paramètre permet d'indiquer un ou plusieurs nom de classe à ajouter aux attributs de la classe de chaque élément correspondant.
function Ce paramètre permet d'indiquer une fonction de retour d'une ou plusieurs classes séparés par des espaces à ajouter au nom de la classe existante(e).
index Ce paramètre permet de recevoir la position d'index de l'élément dans l'ensemble.
currentClass Ce paramètre permet de recevoir le nom de la classe existante(s) comme paramètre.

Description

Cette méthode permet d'ajouter des éléments à l'ensemble de correspondance d'éléments.

Exemple

L'exemple suivant permet d'insérer un nom de classe dans liste ayant tous la même classe parent sans affecter les autres et d'ensuite changer la couleur de fond et l'empattement :

  1. <html>
  2. <head>
  3. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  4. </head>
  5. <body>
  6.   <div class="form-row">Ligne 1</div>
  7.   <div class="form-row">Ligne 2</div>
  8.   <div class="form-row">Ligne 3</div>
  9.   <div class="form-row">Ligne 4<span id="lineonly">DEF</span></div>
  10.   <div class="form-row">Ligne 5</div>
  11. </div>
  12. <script>
  13. jQuery(document).ready(function(){
  14.    jQuery('#lineonly').parent().addClass("row_lineonly");
  15.    jQuery('.row_lineonly').css("padding","10px");
  16.    jQuery('.row_lineonly').css("background-color","red");
  17. });
  18. </script>
  19. </body>
  20. </html>


Dernière mise à jour : Dimanche, le 1 mars 2015