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 :
- <html>
- <head>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
- </head>
- <body>
- <div class="form-row">Ligne 1</div>
- <div class="form-row">Ligne 2</div>
- <div class="form-row">Ligne 3</div>
- <div class="form-row">Ligne 4<span id="lineonly">DEF</span></div>
- <div class="form-row">Ligne 5</div>
- </div>
- <script>
- jQuery(document).ready(function(){
- jQuery('#lineonly').parent().addClass("row_lineonly");
- jQuery('.row_lineonly').css("padding","10px");
- jQuery('.row_lineonly').css("background-color","red");
- });
- </script>
- </body>
- </html>
Dernière mise à jour : Dimanche, le 1 mars 2015